<!--业务流程--可疑品流业务流程-->
<template>
  <div style="margin: 0;padding: 0">
    <el-container>
      <!--页面表头设计-->
      <el-header style="height: 39px">
        <el-link class="headMain" href="http://10.255.96.48:3404/">{{ main.qualityManagementSystem }}</el-link>
        <span class="center-text">{{ main.suspectProductHandling }}</span>
        <el-popover
            placement="top-start"
            title="用户信息"
            width="200"
            trigger="hover">
          <div style="margin-top: 10px">Name：{{ useName }}</div>
          <div style="margin-top: 10px">ID:{{ useId }}</div>
          <div style="margin-top: 10px" @click="logOut">
            <el-link>退出</el-link>
          </div>
          <div class="headMain" slot="reference">{{ useName }}</div>
        </el-popover>
      </el-header>
      <el-container>
        <el-aside class="el-aside" width="200px" style="height: 90vh">
          <div style="margin-top:10px;">
            <el-button style="width: 100%" :style="buttonStyle[0]" @click="buttonClick(0)">
              装配车间
            </el-button>
          </div>
          <div style="margin-top:10px;">
            <el-button style="width: 100%" :style="buttonStyle[1]" @click="buttonClick(1)">
              机加车间
            </el-button>
          </div>
          <div style="margin-top:10px;">
            <el-button style="width: 100%" :style="buttonStyle[2]" @click="buttonClick(2)">
              物流科
            </el-button>
          </div>
        </el-aside>
        <el-container>
          <!--主题设计-->
          <el-main class="el-main" style="height: calc(80vh - 83px);overflow: auto">
            <el-tabs v-model="activeName" @tab-click="handleClick">
              <el-tab-pane label="可疑品清单" name="suspectList">
                <div style="text-align: right;overflow-x: auto; margin-bottom: 10px">
                  <el-button type="primary" size="small" icon="el-icon-search" @click="filterSuspectListShow">查询</el-button>
                  <el-button size="small" icon="el-icon-circle-plus-outline" @click="suspectListShow(1,null)" type="success" plain>AddNew</el-button>
                </div>
                <el-table
                    :data="suspectListShowData"
                    border
                    :height="suspectListTableHeight"
                    style="width: 100%"
                    ref="tableRef"
                    row-key="id"
                    :expand-row-keys="expandedKeys">
                  <el-table-column type="expand" width="40" v-slot:default="scope">
                    <div style="display: flex; gap: 5px; width: 100%;">
                      <!-- 左侧：基本信息，占5份 -->
                      <div style="flex: 5; margin-top: 3px; border: 1px solid blue;">
                        <el-descriptions title="基本信息:" border :column="2">
                          <el-descriptions-item label="零部件名称">
                            <span v-if="scope.row.part_name==='' || scope.row.part_name === null || scope.row.part_name === undefined"></span>
                            <span v-else-if="scope.row.part_name.split('/').length<4">{{scope.row.part_name}}</span>
                            <span v-else-if="languageS === 'chinese'">{{scope.row.part_name.split('/')[1]}}</span>
                            <span v-else-if="languageS === 'english'">{{scope.row.part_name.split('/')[2]}}</span>
                            <span v-else-if="languageS === 'russian'">{{scope.row.part_name.split('/')[3]}}</span>
                          </el-descriptions-item>
                          <el-descriptions-item label="零部件供方">{{ scope.row.part_supplier }}
                          </el-descriptions-item>
                          <el-descriptions-item label="型号">{{ scope.row.model_id }}
                          </el-descriptions-item>
                          <el-descriptions-item label="发生环节">
                            <span v-if="scope.row.link.split('/').length===0">{{scope.row.link}}</span>
                            <span v-else>
                              <span v-if="languageS==='chinese'">{{scope.row.link.split('/')[0]}}</span>
                              <span v-else-if="languageS==='english'">{{scope.row.link.split('/')[1]}}</span>
                              <span v-else-if="languageS==='russian'">{{scope.row.link.split('/')[2]}}</span>
                            </span>
                          </el-descriptions-item>
                          <el-descriptions-item label="发现人">{{ scope.row.occur_per }}
                          </el-descriptions-item>
                          <el-descriptions-item label="发生数量">{{ scope.row.part_num }}
                          </el-descriptions-item>
                          <el-descriptions-item label="发生时间">{{ scope.row.occur_date}}
                          </el-descriptions-item>
                          <el-descriptions-item label="处理天数">{{ scope.row.processingTime}}
                          </el-descriptions-item>
                          <el-descriptions-item label="问题描述">{{ scope.row.describe_use }}
                          </el-descriptions-item>
                        </el-descriptions>
                      </div>
                      <!-- 右侧：折叠面板，占5份 -->
                      <div style="flex: 5; margin-top: 3px; border: 1px solid blue; overflow-y: scroll; height: 350px;">
                        <el-collapse style="margin: 10px;">
                          <el-collapse-item title="可疑品判定" name="1">
                            <el-divider content-position="left">判定：</el-divider>
                            <div>
                              <div style="margin-bottom:8px;text-align: left"
                                   v-if="scope.row.judgement[0].info==='' || scope.row.judgement[0].info===undefined || scope.row.judgement[0].info===null">
                                未判定
                              </div>
                              <div style="margin-bottom:8px;text-align: left" v-else>
                                判定意见：{{ scope.row.judgement[0].info }};
                                判定人：{{ scope.row.judgement[2].info }};
                                判定时间：{{ scope.row.judgement[1].info }};
                              </div>
                              <div style="text-align: right">
                                <el-button style="margin-right: 8px" size="mini" @click="suspectJudgmentShowClick(1,scope)"
                                           :disabled="scope.row.status1!=='' && scope.row.status1!==undefined && scope.row.status1!==null">判定
                                </el-button>
                              </div>
                            </div>
                          </el-collapse-item>

                          <el-collapse-item title="追溯判定" name="2"
                                            v-if="scope.row.judgement[0].info!=='合格/Qualified/Годен'
                      && scope.row.judgement[0].info!==''
                      && scope.row.judgement[0].info!==null
                      && scope.row.judgement[0].info!==undefined">
                            <el-divider content-position="left">判定：</el-divider>
                            <div>
                              <div style="margin-bottom:8px;text-align: left"
                                   v-if="scope.row.from_judgment[0]==='' || scope.row.from_judgment[0]===undefined || scope.row.from_judgment[0]===null">
                                未判定
                              </div>
                              <div style="margin-bottom:8px;text-align: left" v-else>
                                判定意见：{{ scope.row.from_judgment[0].info}}; 判定人：{{ scope.row.from_judgment[2].info }};
                                判定时间：{{ scope.row.from_judgment[3].info }}<br>
                                追溯方案：
                                <span v-if="scope.row.from_judgment[1].info==='' || scope.row.from_judgment[1].info===undefined || scope.row.from_judgment[1].info===null"></span>
                                <span v-else-if="languageS==='chinese'" v-html="scope.row.from_judgment[1].info.zh"></span>
                                <span v-else-if="languageS==='english'" v-html="scope.row.from_judgment[1].info.en"></span>
                                <span v-else-if="languageS==='russian'" v-html="scope.row.from_judgment[1].info.ru"></span>
                              </div>
                              <div style="margin-bottom:8px;text-align: left"
                                   v-if="scope.row.from_judgment[4].info==='' || scope.row.from_judgment[4]===undefined || scope.row.from_judgment[4]===null">
                                未批准
                              </div>
                              <div style="margin-bottom:8px;text-align: left" v-else>
                                批准意见：{{ scope.row.from_judgment[4].info }}; 批准人：{{ scope.row.from_judgment[5].info }};
                                批准时间：{{ scope.row.from_judgment[6].info }}
                              </div>
                              <div style="text-align: right">
                                <el-button style="margin-right: 8px" size="mini"
                                           @click="productTraceabilityJudgmentClick(1,scope)"
                                           :disabled="productTraceabilityJudgmentDisabled">判定
                                </el-button>
                                <el-button size="mini" @click="productTraceabilityJudgmentClick(2,scope)"
                                           :disabled="productTraceabilityApprovalDisabled">批准
                                </el-button>
                              </div>
                            </div>
                          </el-collapse-item>

                          <el-collapse-item title="追溯过程" name="3"
                                            v-if="scope.row.judgement[0].info!=='合格/Qualified/Годен'
                      && scope.row.judgement[0].info!==''
                      && scope.row.judgement[0].info!==null
                      && scope.row.judgement[0].info!==undefined">
                            <!-- 追溯过程内容 -->
                            <el-divider content-position="left">供方在制品确认</el-divider>
                            <div style="justify-content: space-between;">
                              <div>
                                <el-descriptions direction="vertical" :column="4" border>
                                  <el-descriptions-item label="排查结果" content-style="width:450px">
                                    <span v-if="scope.row.from_process[0].info==='' || scope.row.from_process[0].info===undefined || scope.row.from_process[0].info===null"></span>
                                    <span v-else-if="languageS==='chinese'" v-html="scope.row.from_process[0].info.zh"></span>
                                    <span v-else-if="languageS==='english'" v-html="scope.row.from_process[0].info.en"></span>
                                    <span v-else-if="languageS==='russian'" v-html="scope.row.from_process[0].info.ru"></span>
                                  </el-descriptions-item>
                                  <el-descriptions-item label="排查数量" content-style="width:60px">
                                    {{ scope.row.from_process[1].info }}
                                  </el-descriptions-item>
                                  <el-descriptions-item label="排查人" content-style="width:60px">
                                    {{ scope.row.from_process[2].info }}
                                  </el-descriptions-item>
                                </el-descriptions>
                              </div>
                              <div style="text-align: right">
                                <el-button style="margin-right: 8px;margin-top: 10px" size="mini"
                                           @click="traceabilityProcessEditShow(0,scope)"
                                           :disabled="false">编辑
                                </el-button>
                              </div>
                            </div>
                            <el-divider content-position="left">供方库存确认</el-divider>
                            <div style="justify-content: space-between;">
                              <div>
                                <el-descriptions direction="vertical" :column="4" border>
                                  <el-descriptions-item label="排查结果" content-style="width:450px">
                                    <span v-if="scope.row.from_process[3].info==='' || scope.row.from_process[3].info===undefined || scope.row.from_process[3].info===null"></span>
                                    <span v-else-if="languageS==='chinese'" v-html="scope.row.from_process[3].info.zh"></span>
                                    <span v-else-if="languageS==='english'" v-html="scope.row.from_process[3].info.en"></span>
                                    <span v-else-if="languageS==='russian'" v-html="scope.row.from_process[3].info.ru"></span>
                                  </el-descriptions-item>
                                  <el-descriptions-item label="排查数量" content-style="width:60px">
                                    {{ scope.row.from_process[4].info }}
                                  </el-descriptions-item>
                                  <el-descriptions-item label="排查人" content-style="width:60px">
                                    {{ scope.row.from_process[5].info }}
                                  </el-descriptions-item>
                                </el-descriptions>
                              </div>
                              <div style="text-align: right">
                                <el-button style="margin-right: 8px;margin-top: 10px" size="mini"
                                           @click="traceabilityProcessEditShow(3,scope)"
                                           :disabled="false">编辑
                                </el-button>
                              </div>
                            </div>
                            <el-divider content-position="left">在途品确认</el-divider>
                            <div style="justify-content: space-between;">
                              <div>
                                <el-descriptions direction="vertical" :column="4" border>
                                  <el-descriptions-item label="排查结果" content-style="width:450px">
                                    <span v-if="scope.row.from_process[6].info==='' || scope.row.from_process[6].info===undefined || scope.row.from_process[6].info===null"></span>
                                    <span v-else-if="languageS==='chinese'" v-html="scope.row.from_process[6].info.zh"></span>
                                    <span v-else-if="languageS==='english'" v-html="scope.row.from_process[6].info.en"></span>
                                    <span v-else-if="languageS==='russian'" v-html="scope.row.from_process[6].info.ru"></span>
                                  </el-descriptions-item>
                                  <el-descriptions-item label="排查数量" content-style="width:60px">
                                    {{ scope.row.from_process[7].info }}
                                  </el-descriptions-item>
                                  <el-descriptions-item label="排查人" content-style="width:60px">
                                    {{ scope.row.from_process[8].info }}
                                  </el-descriptions-item>
                                </el-descriptions>
                              </div>
                              <div style="text-align: right">
                                <el-button style="margin-right: 8px;margin-top: 10px" size="mini"
                                           @click="traceabilityProcessEditShow(6,scope)"
                                           :disabled="false">编辑
                                </el-button>
                              </div>
                            </div>
                            <el-divider content-position="left">我司库存确认</el-divider>
                            <div style="justify-content: space-between;">
                              <div>
                                <el-descriptions direction="vertical" :column="4" border>
                                  <el-descriptions-item label="排查结果" content-style="width:450px">
                                    <span v-if="scope.row.from_process[9].info==='' || scope.row.from_process[9].info===undefined || scope.row.from_process[9].info===null"></span>
                                    <span v-else-if="languageS==='chinese'" v-html="scope.row.from_process[9].info.zh"></span>
                                    <span v-else-if="languageS==='english'" v-html="scope.row.from_process[9].info.en"></span>
                                    <span v-else-if="languageS==='russian'" v-html="scope.row.from_process[9].info.ru"></span>
                                  </el-descriptions-item>
                                  <el-descriptions-item label="排查数量" content-style="width:60px">
                                    {{ scope.row.from_process[10].info }}
                                  </el-descriptions-item>
                                  <el-descriptions-item label="排查人" content-style="width:60px">
                                    {{ scope.row.from_process[11].info }}
                                  </el-descriptions-item>
                                </el-descriptions>
                              </div>
                              <div style="text-align: right">
                                <el-button style="margin-right: 8px;margin-top: 10px" size="mini"
                                           @click="traceabilityProcessEditShow(9,scope)"
                                           :disabled="false">编辑
                                </el-button>
                              </div>
                            </div>
                            <el-divider content-position="left">我司在制品确认</el-divider>
                            <div style="justify-content: space-between;">
                              <div>
                                <el-descriptions direction="vertical" :column="4" border>
                                  <el-descriptions-item label="排查结果" content-style="width:450px">
                                    <span v-if="scope.row.from_process[12].info==='' || scope.row.from_process[12].info===undefined || scope.row.from_process[12].info===null"></span>
                                    <span v-else-if="languageS==='chinese'" v-html="scope.row.from_process[12].info.zh"></span>
                                    <span v-else-if="languageS==='english'" v-html="scope.row.from_process[12].info.en"></span>
                                    <span v-else-if="languageS==='russian'" v-html="scope.row.from_process[12].info.ru"></span>
                                  </el-descriptions-item>
                                  <el-descriptions-item label="排查数量" content-style="width:60px">
                                    {{ scope.row.from_process[13].info }}
                                  </el-descriptions-item>
                                  <el-descriptions-item label="排查人" content-style="width:60px">
                                    {{ scope.row.from_process[14].info }}
                                  </el-descriptions-item>
                                </el-descriptions>
                              </div>
                              <div style="text-align: right">
                                <el-button style="margin-right: 8px;margin-top: 10px" size="mini"
                                           @click="traceabilityProcessEditShow(12,scope)"
                                           :disabled="false">编辑
                                </el-button>
                              </div>
                            </div>
                            <el-divider content-position="left">我司发动机成品库确认</el-divider>
                            <div style="justify-content: space-between;">
                              <div>
                                <el-descriptions direction="vertical" :column="4" border>
                                  <el-descriptions-item label="排查结果" content-style="width:450px">
                                    <span v-if="scope.row.from_process[15].info==='' || scope.row.from_process[15].info===undefined || scope.row.from_process[15].info===null"></span>
                                    <span v-else-if="languageS==='chinese'" v-html="scope.row.from_process[15].info.zh"></span>
                                    <span v-else-if="languageS==='english'" v-html="scope.row.from_process[15].info.en"></span>
                                    <span v-else-if="languageS==='russian'" v-html="scope.row.from_process[15].info.ru"></span>
                                  </el-descriptions-item>
                                  <el-descriptions-item label="排查数量" content-style="width:60px">
                                    {{ scope.row.from_process[16].info }}
                                  </el-descriptions-item>
                                  <el-descriptions-item label="排查人" content-style="width:60px">
                                    {{ scope.row.from_process[17].info }}
                                  </el-descriptions-item>
                                </el-descriptions>
                              </div>
                              <div style="text-align: right">
                                <el-button style="margin-right: 8px;margin-top: 10px" size="mini"
                                           @click="traceabilityProcessEditShow(15,scope)"
                                           :disabled="false">编辑
                                </el-button>
                              </div>
                            </div>
                            <el-divider content-position="left">整车在制品确认</el-divider>
                            <div style="justify-content: space-between;">
                              <div>
                                <el-descriptions direction="vertical" :column="4" border>
                                  <el-descriptions-item label="排查结果" content-style="width:450px">
                                    <span v-if="scope.row.from_process[18].info==='' || scope.row.from_process[18].info===undefined || scope.row.from_process[18].info===null"></span>
                                    <span v-else-if="languageS==='chinese'" v-html="scope.row.from_process[18].info.zh"></span>
                                    <span v-else-if="languageS==='english'" v-html="scope.row.from_process[18].info.en"></span>
                                    <span v-else-if="languageS==='russian'" v-html="scope.row.from_process[18].info.ru"></span>
                                  </el-descriptions-item>
                                  <el-descriptions-item label="排查数量" content-style="width:60px">
                                    {{ scope.row.from_process[19].info }}
                                  </el-descriptions-item>
                                  <el-descriptions-item label="排查人" content-style="width:60px">
                                    {{ scope.row.from_process[20].info }}
                                  </el-descriptions-item>
                                </el-descriptions>
                              </div>
                              <div style="text-align: right">
                                <el-button style="margin-right: 8px;margin-top: 10px" size="mini"
                                           @click="traceabilityProcessEditShow(18,scope)"
                                           :disabled="false">编辑
                                </el-button>
                              </div>
                            </div>
                            <el-divider content-position="left">整车成品库确认</el-divider>
                            <div style="justify-content: space-between;">
                              <div>
                                <el-descriptions direction="vertical" :column="4" border>
                                  <el-descriptions-item label="排查结果" content-style="width:450px">
                                    <span v-if="scope.row.from_process[21].info==='' || scope.row.from_process[21].info===undefined || scope.row.from_process[21].info===null"></span>
                                    <span v-else-if="languageS==='chinese'" v-html="scope.row.from_process[21].info.zh"></span>
                                    <span v-else-if="languageS==='english'" v-html="scope.row.from_process[21].info.en"></span>
                                    <span v-else-if="languageS==='russian'" v-html="scope.row.from_process[21].info.ru"></span>
                                  </el-descriptions-item>
                                  <el-descriptions-item label="排查数量" content-style="width:60px">
                                    {{ scope.row.from_process[22].info }}
                                  </el-descriptions-item>
                                  <el-descriptions-item label="排查人" content-style="width:60px">
                                    {{ scope.row.from_process[23].info }}
                                  </el-descriptions-item>
                                </el-descriptions>
                              </div>
                              <div style="text-align: right">
                                <el-button style="margin-right: 8px;margin-top: 10px" size="mini"
                                           @click="traceabilityProcessEditShow(21,scope)"
                                           :disabled="false">编辑
                                </el-button>
                              </div>
                            </div>
                            <el-divider content-position="left">经销商未销售</el-divider>
                            <div style="justify-content: space-between;">
                              <div>
                                <el-descriptions direction="vertical" :column="4" border>
                                  <el-descriptions-item label="排查结果" content-style="width:450px">
                                    <span v-if="scope.row.from_process[24].info==='' || scope.row.from_process[24].info===undefined || scope.row.from_process[24].info===null"></span>
                                    <span v-else-if="languageS==='chinese'" v-html="scope.row.from_process[24].info.zh"></span>
                                    <span v-else-if="languageS==='english'" v-html="scope.row.from_process[24].info.en"></span>
                                    <span v-else-if="languageS==='russian'" v-html="scope.row.from_process[24].info.ru"></span>
                                  </el-descriptions-item>
                                  <el-descriptions-item label="排查数量" content-style="width:60px">
                                    {{ scope.row.from_process[25].info }}
                                  </el-descriptions-item>
                                  <el-descriptions-item label="排查人" content-style="width:60px">
                                    {{ scope.row.from_process[26].info }}
                                  </el-descriptions-item>
                                </el-descriptions>
                              </div>
                              <div style="text-align: right">
                                <el-button style="margin-right: 8px;margin-top: 10px" size="mini"
                                           @click="traceabilityProcessEditShow(24,scope)"
                                           :disabled="false">编辑
                                </el-button>
                              </div>
                            </div>
                            <el-divider content-position="left">经销商已销售</el-divider>
                            <div style="justify-content: space-between;">
                              <div>
                                <el-descriptions direction="vertical" :column="4" border>
                                  <el-descriptions-item label="排查结果" content-style="width:450px">
                                    <span v-if="scope.row.from_process[27].info==='' || scope.row.from_process[27].info===undefined || scope.row.from_process[27].info===null"></span>
                                    <span v-else-if="languageS==='chinese'" v-html="scope.row.from_process[27].info.zh"></span>
                                    <span v-else-if="languageS==='english'" v-html="scope.row.from_process[27].info.en"></span>
                                    <span v-else-if="languageS==='russian'" v-html="scope.row.from_process[27].info.ru"></span>
                                  </el-descriptions-item>
                                  <el-descriptions-item label="排查数量" content-style="width:60px">
                                    {{ scope.row.from_process[28].info }}
                                  </el-descriptions-item>
                                  <el-descriptions-item label="排查人" content-style="width:60px">
                                    {{ scope.row.from_process[29].info }}
                                  </el-descriptions-item>
                                </el-descriptions>
                              </div>
                              <div style="text-align: right">
                                <el-button style="margin-right: 8px;margin-top: 10px" size="mini"
                                           @click="traceabilityProcessEditShow(27,scope)"
                                           :disabled="false">编辑
                                </el-button>
                              </div>
                            </div>
                          </el-collapse-item>

                          <el-collapse-item title="不良评审" name="4"
                                            v-if="scope.row.judgement[0].info!=='合格/Qualified/Годен'
                      && scope.row.judgement[0].info!==''
                      && scope.row.judgement[0].info!==null
                      && scope.row.judgement[0].info!==undefined">
                          </el-collapse-item>

                          <el-collapse-item title="不良处理" name="5"
                                            v-if="scope.row.judgement[0].info!=='合格/Qualified/Годен'
                      && scope.row.judgement[0].info!==''
                      && scope.row.judgement[0].info!==null
                      && scope.row.judgement[0].info!==undefined">
                            <!-- 不良处理内容 -->
                            <el-divider content-position="left">返工返修指导书：</el-divider>
                            <div style="margin-bottom:8px;text-align: left">
                              返工返修指导书编号：{{ scope.row.unqualified[0].info }}
                            </div>
                            <el-divider content-position="left">维修过程：</el-divider>
                            <div style="margin-bottom:8px;text-align: left">
                              更换零部件明细：
                              <span v-if="scope.row.unqualified[1].info==='' || scope.row.unqualified[1].info===undefined || scope.row.unqualified[1].info===null"></span>
                              <span v-else-if="languageS==='chinese'" v-html="scope.row.unqualified[1].info.zh"></span>
                              <span v-else-if="languageS==='english'" v-html="scope.row.unqualified[1].info.en"></span>
                              <span v-else-if="languageS==='russian'" v-html="scope.row.unqualified[1].info.ru"></span>
                              <br>
                              维修数量：{{ scope.row.unqualified[2].info }}<br>
                              维修工时：{{ scope.row.unqualified[3].info }}<br>
                              维修人：{{ scope.row.unqualified[4].info }}<br>
                              维修日期：{{ scope.row.unqualified[5].info }}
                            </div>
                            <div style="text-align: right">
                              <el-button style="margin-right: 8px;margin-top: 10px" size="mini"
                                         @click="reworkRecordEditShow(scope)"
                                         :disabled="false">编辑
                              </el-button>
                            </div>
                            <el-divider content-position="left">检验结果：</el-divider>
                            <div style="margin-bottom:8px;text-align: left">
                              检验数据：{{ scope.row.unqualified[6].info }}<br>
                              合格数量：{{ scope.row.unqualified[7].info }}<br>
                              不合格数量：{{ scope.row.unqualified[8].info }}<br>
                              检验确认人：{{ scope.row.unqualified[9].info }}<br>
                              检验确认日期：{{ scope.row.unqualified[10].info }}
                            </div>
                            <div style="text-align: right">
                              <el-button style="margin-right: 8px;margin-top: 10px" size="mini"
                                         @click="reworkInspectionEditShow(scope)"
                                         :disabled="false">编辑
                              </el-button>
                            </div>
                            <el-divider content-position="left">再次装机信息：</el-divider>
                            <div style="margin-bottom:8px;text-align: left">
                              再次装机发动机号：{{ scope.row.unqualified[11].info }} <br>
                              再次装机日期：{{ scope.row.unqualified[12].info }}<br>
                              再次装机确认人：{{ scope.row.unqualified[13].info }}<br>
                              再次装机批准人：{{ scope.row.unqualified[14].info }}
                            </div>
                            <div style="text-align: right">
                              <el-button style="margin-right: 8px;margin-top: 10px" size="mini"
                                         @click="reworkReinstallEditShow(scope)"
                                         :disabled="false">编辑
                              </el-button>
                            </div>
                          </el-collapse-item>

                          <el-collapse-item title="问题解决" name="6"
                             v-if="scope.row.judgement[0].info!=='合格/Qualified/Годен'
                             && scope.row.judgement[0].info!==''
                             && scope.row.judgement[0].info!==null
                             && scope.row.judgement[0].info!==undefined">
                            <!-- 问题解决内容 -->
                            <el-divider content-position="left">原因分析：</el-divider>
                            <div>
                              <div style="margin-bottom:8px;text-align: left">
                                <div v-if="languageS === 'chinese'">
                                  <span v-if="scope.row.solve[0].info.zh==='' || scope.row.solve[0].info.zh===undefined || scope.row.solve[0].info.zh===null || scope.row.solve[0].info.zh==='undefined'">暂未填写</span>
                                  <span v-else v-html="scope.row.solve[0].info.zh"></span>
                                </div>
                                <div v-else-if="languageS === 'english'" v-html="scope.row.solve[0].info.en"></div>
                                <div v-else-if="languageS === 'russian'" v-html="scope.row.solve[0].info.ru"></div>
                                <div v-if="scope.row.solve[0].info.zh!=='' && scope.row.solve[0].info.zh!==undefined && scope.row.solve[0].info.zh!==null">
                                  分析人：{{ scope.row.solve[1].info }};
                                  分析时间：{{ scope.row.solve[2].info }}
                                </div>
                              </div>
                              <div style="text-align: right">
                                <el-button style="margin-right: 8px" size="mini" @click="solveEditShow(1,scope)"
                                           :disabled="problemSolvingDisabled">编辑
                                </el-button>
                              </div>
                            </div>
                            <el-divider content-position="left">整改对策：</el-divider>
                            <div>
                              <div style="margin-bottom:8px;text-align: left">
                                <div v-if="languageS === 'chinese'">
                                  <span v-if="scope.row.solve[3].info.zh==='' || scope.row.solve[3].info.zh===undefined || scope.row.solve[3].info.zh===null || scope.row.solve[3].info.zh==='undefined'">暂未填写</span>
                                  <span v-else v-html="scope.row.solve[3].info.zh"></span>
                                </div>
                                <div v-else-if="languageS === 'english'" v-html="scope.row.solve[3].info.en"></div>
                                <div v-else-if="languageS === 'russian'" v-html="scope.row.solve[3].info.ru"></div>
                                <div v-if="scope.row.solve[3].info.zh!=='' && scope.row.solve[3].info.zh!==undefined && scope.row.solve[3].info.zh!==null">
                                  对策人：{{ scope.row.solve[4].info }};
                                  对策时间：{{ scope.row.solve[5].info }};
                                  切换起始号：{{ scope.row.solve[6].info }};
                                  切换时间：{{ scope.row.solve[7].info }}
                                </div>
                              </div>
                              <div style="text-align: right">
                                <el-button style="margin-right: 8px" size="mini" @click="solveEditShow(2,scope)"
                                           :disabled="problemSolvingDisabled">编辑
                                </el-button>
                              </div>
                            </div>
                            <el-divider content-position="left">标准化/横展：</el-divider>
                            <div>
                              <div style="margin-bottom:8px;text-align: left">
                                <div v-if="languageS === 'chinese'">
                                  <span v-if="scope.row.solve[8].info.zh==='' || scope.row.solve[8].info.zh===undefined || scope.row.solve[8].info.zh===null || scope.row.solve[8].info.zh==='undefined'">暂未填写</span>
                                  <span v-else v-html="scope.row.solve[8].info.zh"></span>
                                </div>
                                <div v-else-if="languageS === 'english'" v-html="scope.row.solve[8].info.en"></div>
                                <div v-else-if="languageS === 'russian'" v-html="scope.row.solve[8].info.ru"></div>
                              <div v-if="scope.row.solve[8].info.zh!=='' && scope.row.solve[8].info.zh!==undefined && scope.row.solve[8].info.zh!==null">
                                  负责人：{{ scope.row.solve[9].info }};
                                  完成时间：{{ scope.row.solve[10].info }};
                                </div>
                              </div>
                              <div style="text-align: right">
                                <el-button style="margin-right: 8px" size="mini" @click="solveEditShow(3,scope)"
                                           :disabled="problemSolvingDisabled">编辑
                                </el-button>
                              </div>
                            </div>
                          </el-collapse-item>
                        </el-collapse>
                      </div>
                    </div>
                  </el-table-column>
                  <el-table-column
                      label="序号"
                      align="center"
                      width="80"
                      v-slot:default="scope">
                      {{ scope.$index + 1 }}
                  </el-table-column>
                  <el-table-column
                      prop="part_id"
                      label="工件号"
                      align="center"
                      width="180"
                      :show-overflow-tooltip="true">
                  </el-table-column>
                  <el-table-column
                      prop="describe_use"
                      label="问题描述"
                      align="center"
                      :show-overflow-tooltip="true"
                      v-slot:default="scope">
                    <span v-if="languageS==='chinese' && scope.row.describe_use!==undefined && scope.row.describe_use.split('/').length===3">
                        {{scope.row.describe_use.split('/')[0]}}</span>
                    <span v-else-if="languageS==='russian' && scope.row.describe_use!==undefined && scope.row.describe_use.split('/').length===3">
                        {{scope.row.describe_use.split('/')[1]}}</span>
                    <span v-else-if="languageS==='english' && scope.row.describe_use!==undefined && scope.row.describe_use.split('/').length===3">
                        {{scope.row.describe_use.split('/')[2]}}</span>
                    <span v-else-if="languageS==='chinese' && scope.row.describe_use!==undefined && scope.row.describe_use.split('/').length===2">
                        {{scope.row.describe_use.split('/')[0]}}</span>
                    <span v-else-if="languageS==='russian' && scope.row.describe_use!==undefined && scope.row.describe_use.split('/').length===2">
                        {{scope.row.describe_use.split('/')[1]}}</span>
                    <span v-else>{{scope.row.describe_use}}</span>
                  </el-table-column>
                  <el-table-column
                      prop="part_num"
                      label="发生数量"
                      align="center"
                      width="90" v-slot:default="scope">
                    <el-tag >{{scope.row.part_num}}</el-tag>
                  </el-table-column>
                  <el-table-column label="处理时长" width="90"
                   v-slot:default="scope">
                    <el-tag effect="dark" :type="scope.row.processingType" style="margin-left: 2px">{{scope.row.processingTime}}day</el-tag>
                  </el-table-column>
                  <el-table-column
                      label="编辑"
                      align="center"
                      width="60"
                      v-slot:default="scope">
                    <el-link @click="suspectListShow(2,scope)">
                      <i class="el-icon-edit"></i>
                    </el-link>
                  </el-table-column>
                </el-table>
                <!-- 分页控件 -->
                <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page="suspectProductListPagination.currentPage"
                    :page-sizes="[10, 20, 50, 100]"
                    :page-size="suspectProductListPagination.pageSize"
                    layout="total, sizes, prev, pager, next, jumper"
                    :total="suspectProductListPagination.total">
                </el-pagination>
              </el-tab-pane>
              <el-tab-pane label="不良品清单" name="defectiveList">
                <el-table
                    :data="suspectListShowData"
                    border
                    :height="suspectListTableHeight"
                    style="width: 100%">
                  <el-table-column
                      label="序号"
                      align="center"
                      width="80"
                      v-slot:default="scope">
                    {{ scope.$index + 1 }}
                  </el-table-column>
                  <el-table-column
                      prop="part_name"
                      label="零部件名称"
                      align="center"
                      width="180"
                      :show-overflow-tooltip="true">
                  </el-table-column>
                  <el-table-column
                      prop="part_supplier"
                      label="零部件供方"
                      align="center"
                      width="170"
                      :show-overflow-tooltip="true">
                  </el-table-column>
                  <el-table-column
                      prop="model_id"
                      label="型号"
                      align="center"
                      width="80"
                      :show-overflow-tooltip="true">
                  </el-table-column>
                  <el-table-column
                      prop="occur_date"
                      label="发生时间"
                      align="center"
                      width="100"
                      :show-overflow-tooltip="true">
                  </el-table-column>
                  <el-table-column
                      prop="link"
                      label="发生环节"
                      align="center"
                      width="170"
                      :show-overflow-tooltip="true">
                  </el-table-column>
                  <el-table-column
                      prop="position"
                      label="发现工序"
                      align="center"
                      width="80"
                      :show-overflow-tooltip="true">
                  </el-table-column>
                  <el-table-column
                      prop="occur_per"
                      label="发现人"
                      align="center"
                      width="90"
                      :show-overflow-tooltip="true">
                  </el-table-column>
                  <el-table-column
                      prop="part_id"
                      label="工件号"
                      align="center"
                      width="180"
                      :show-overflow-tooltip="true">
                  </el-table-column>
                  <el-table-column
                      prop="describe_use"
                      label="问题描述"
                      align="center"
                      width="180"
                      :show-overflow-tooltip="true">
                  </el-table-column>
                  <el-table-column
                      prop="part_num"
                      label="发生数量"
                      align="center"
                      width="60"
                      :show-overflow-tooltip="true">
                  </el-table-column>
                  <el-table-column
                      label="判定意见"
                      align="center"
                      width="120"
                      :show-overflow-tooltip="true">
                    <template #default="{ row }">
                      {{ row.judgement[0].info?.split('|*|')[0] ?? '' }}
                    </template>
                  </el-table-column>
                  <el-table-column
                      label="判定人"
                      align="center"
                      width="120"
                      :show-overflow-tooltip="true">
                    <template #default="{ row }">
                      {{ row.judgement[1].info?.split('|*|')[1] ?? '' }}
                    </template>
                  </el-table-column>
                  <el-table-column
                      label="判定时间"
                      align="center"
                      width="120"
                      :show-overflow-tooltip="true">
                    <template #default="{ row }">
                      {{ row.judgement[2].info?.split('|*|')[2] ?? '' }}
                    </template>
                  </el-table-column>
                  <el-table-column
                      label="批准意见"
                      align="center"
                      width="120"
                      :show-overflow-tooltip="true">
                    <template #default="{ row }">
                      {{ row.judgement[3].info?.split('|*|')[3] ?? '' }}
                    </template>
                  </el-table-column>
                  <el-table-column
                      label="批准人"
                      align="center"
                      width="120"
                      :show-overflow-tooltip="true">
                    <template #default="{ row }">
                      {{ row.judgement[4].info?.split('|*|')[4] ?? '' }}
                    </template>
                  </el-table-column>
                  <el-table-column
                      label="批准时间"
                      align="center"
                      width="120"
                      :show-overflow-tooltip="true">
                    <template #default="{ row }">
                      {{ row.judgement[5].info?.split('|*|')[5] ?? '' }}
                    </template>
                  </el-table-column>
                </el-table>
              </el-tab-pane>
              <el-tab-pane label="返工返修清单" name="repairCheckList">
                <el-table
                    :data="suspectListShowData"
                    border
                    :height="suspectListTableHeight"
                    style="width: 100%">
                  <el-table-column
                      label="序号"
                      align="center"
                      width="80"
                      v-slot:default="scope">
                    {{ scope.$index + 1 }}
                  </el-table-column>
                  <el-table-column
                      prop="part_name"
                      label="零部件名称"
                      align="center"
                      width="180"
                      :show-overflow-tooltip="true">
                  </el-table-column>
                  <el-table-column
                      prop="part_supplier"
                      label="零部件供方"
                      align="center"
                      width="170"
                      :show-overflow-tooltip="true">
                  </el-table-column>
                  <el-table-column
                      prop="model_id"
                      label="型号"
                      align="center"
                      width="80"
                      :show-overflow-tooltip="true">
                  </el-table-column>
                  <el-table-column
                      prop="occur_date"
                      label="发生时间"
                      align="center"
                      width="100"
                      :show-overflow-tooltip="true">
                  </el-table-column>
                  <el-table-column
                      prop="link"
                      label="发生环节"
                      align="center"
                      width="170"
                      :show-overflow-tooltip="true">
                  </el-table-column>
                  <el-table-column
                      prop="position"
                      label="发现工序"
                      align="center"
                      width="80"
                      :show-overflow-tooltip="true">
                  </el-table-column>
                  <el-table-column
                      prop="occur_per"
                      label="发现人"
                      align="center"
                      width="90"
                      :show-overflow-tooltip="true">
                  </el-table-column>
                  <el-table-column
                      prop="part_id"
                      label="工件号"
                      align="center"
                      width="180"
                      :show-overflow-tooltip="true">
                  </el-table-column>
                  <el-table-column
                      prop="describe_use"
                      label="问题描述"
                      align="center"
                      width="180"
                      :show-overflow-tooltip="true">
                  </el-table-column>
                  <el-table-column
                      prop="part_num"
                      label="发生数量"
                      align="center"
                      width="60"
                      :show-overflow-tooltip="true">
                  </el-table-column>
                  <el-table-column
                      label="零部件更换明细"
                      align="center"
                      width="140"
                      :show-overflow-tooltip="true">
                    <template #default="{ row }">
                      {{ row.rework?.split('|*|')[1] ?? '' }}
                    </template>
                  </el-table-column>
                  <el-table-column
                      label="维修数量"
                      align="center"
                      width="60"
                      :show-overflow-tooltip="true">
                    <template #default="{ row }">
                      {{ row.rework?.split('|*|')[2] ?? '' }}
                    </template>
                  </el-table-column>
                  <el-table-column
                      label="维修工时"
                      align="center"
                      width="60"
                      :show-overflow-tooltip="true">
                    <template #default="{ row }">
                      {{ row.rework?.split('|*|')[3] ?? '' }}
                    </template>
                  </el-table-column>
                  <el-table-column
                      label="维修人"
                      align="center"
                      width="120"
                      :show-overflow-tooltip="true">
                    <template #default="{ row }">
                      {{ row.rework?.split('|*|')[4] ?? '' }}
                    </template>
                  </el-table-column>
                  <el-table-column
                      label="维修日期"
                      align="center"
                      width="120"
                      :show-overflow-tooltip="true">
                    <template #default="{ row }">
                      {{ row.rework?.split('|*|')[5] ?? '' }}
                    </template>
                  </el-table-column>
                  <el-table-column
                      label="检验数据"
                      align="center"
                      width="120"
                      :show-overflow-tooltip="true">
                    <template #default="{ row }">
                      {{ row.rework?.split('|*|')[6] ?? '' }}
                    </template>
                  </el-table-column>
                  <el-table-column
                      label="合格数量"
                      align="center"
                      width="60"
                      :show-overflow-tooltip="true">
                    <template #default="{ row }">
                      {{ row.rework?.split('|*|')[7] ?? '' }}
                    </template>
                  </el-table-column>
                  <el-table-column
                      label="不合格数量"
                      align="center"
                      width="80"
                      :show-overflow-tooltip="true">
                    <template #default="{ row }">
                      {{ row.rework?.split('|*|')[8] ?? '' }}
                    </template>
                  </el-table-column>
                  <el-table-column
                      label="检验确认人"
                      align="center"
                      width="100"
                      :show-overflow-tooltip="true">
                    <template #default="{ row }">
                      {{ row.rework?.split('|*|')[9] ?? '' }}
                    </template>
                  </el-table-column>
                  <el-table-column
                      label="检验确认日期"
                      align="center"
                      width="120"
                      :show-overflow-tooltip="true">
                    <template #default="{ row }">
                      {{ row.rework?.split('|*|')[10] ?? '' }}
                    </template>
                  </el-table-column>
                  <el-table-column
                      label="再次装机发动机号"
                      align="center"
                      width="160"
                      :show-overflow-tooltip="true">
                    <template #default="{ row }">
                      {{ row.rework?.split('|*|')[11] ?? '' }}
                    </template>
                  </el-table-column>
                  <el-table-column
                      label="再次装机日期"
                      align="center"
                      width="120"
                      :show-overflow-tooltip="true">
                    <template #default="{ row }">
                      {{ row.rework?.split('|*|')[12] ?? '' }}
                    </template>
                  </el-table-column>
                  <el-table-column
                      label="再次装机确认人"
                      align="center"
                      width="120"
                      :show-overflow-tooltip="true">
                    <template #default="{ row }">
                      {{ row.rework?.split('|*|')[13] ?? '' }}
                    </template>
                  </el-table-column>
                  <el-table-column
                      label="再次装机批准人"
                      align="center"
                      width="120"
                      :show-overflow-tooltip="true">
                    <template #default="{ row }">
                      {{ row.rework?.split('|*|')[14] ?? '' }}
                    </template>
                  </el-table-column>

                </el-table>
              </el-tab-pane>
            </el-tabs>
          </el-main>
          <el-footer class="el-footer" style="height: 44px">
            <el-button plain size="mini" @click="languageSelect('chinese')">中 文</el-button>
            <el-button plain size="mini" @click="languageSelect('russian')">Русский язык</el-button>
            <el-button plain size="mini" @click="languageSelect('english')">English</el-button>
          </el-footer>
        </el-container>
      </el-container>
    </el-container>

    <!--------------------------------------------弹窗放置区----------------------------------------------->
    <!--弹窗，可疑品清单--AddNew按钮/（列表中编辑共用）--新增一个可疑品信息的弹窗-->
    <el-dialog
        v-if="suspectDialog"
        :title="titleUse"
        :visible.sync="suspectDialog"
        width="650px"
        :before-close="handleClose">
      <el-form ref="suspectListShowForm" :inline="true" :model="suspectListShowForm" label-width="100px">
        <div>
          <el-form-item label="零部件名称">
            <el-select v-model="suspectListShowForm.part_name" filterable clearable placeholder="请选择类别"
                       style="margin-left: 10px;width: 190px">
              <el-option
                  v-for="item in productModelListOption"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="零部件供方">
            <el-input v-model="suspectListShowForm.part_supplier" placeholder="请选择类别" style="width: 190px">
            </el-input>
          </el-form-item>
        </div>
        <div>
          <el-form-item label="零部件型号">
            <el-select v-model="suspectListShowForm.model_id" filterable clearable placeholder="请选择类别"
                       style="margin-left: 10px;width: 190px">
              <el-option
                  v-for="item in modelIdOptions"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="编号/批次号">
            <el-input v-model="suspectListShowForm.part_id" style="width: 190px"></el-input>
          </el-form-item>
        </div>
        <div>
          <el-form-item label="发生环节">
            <el-select v-model="suspectListShowForm.link" filterable clearable placeholder="请选择类别"
                       style="margin-left: 10px;width: 190px">
              <el-option
                  v-for="item in linkOptions"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="发现工序" label-width="90px">
            <el-select v-model="suspectListShowForm.position" filterable clearable placeholder="请选择类别"
                       style="margin-left: 10px;width: 190px">
              <el-option
                  v-for="item in positionOptions"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>
        </div>
        <div>
          <el-form-item label="发生时间" label-width="100px">
            <el-date-picker
                v-model="suspectListShowForm.occur_date"
                type="date"
                placeholder="选择日期"
                format="yyyy 年 MM 月 dd 日"
                value-format="yyyy-MM-dd"
                style="width: 190px">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="发现人" label-width="100px">
            <el-input v-model="suspectListShowForm.occur_per" style="width: 190px"></el-input>
          </el-form-item>
        </div>
        <div style="text-align: left">
          <el-form-item label="数量" label-width="100px">
            <el-input-number v-model="suspectListShowForm.part_num" style="width: 190px"></el-input-number>
          </el-form-item>
          <el-form-item label="不良明细" label-width="100px">
            <el-button type="primary" plain style="width: 190px" @click="enterDefectiveProductShow">点击录入明细</el-button>
          </el-form-item>
        </div>
        <div style="text-align: left">
          <el-form-item label="问题描述" label-width="100px">
            <text-translate
                :language-s="languageS"
                :rich-text-translate-data="problem_description_translate"
                @content-change="problemDescriptionTranslate"></text-translate>
          </el-form-item>
        </div>
        <el-button @click="suspectDialog=false">取 消</el-button>
        <el-button type="primary" @click="suspectListOk">确 定</el-button>
      </el-form>
    </el-dialog>
    <!--弹窗，可疑品清单--添加不良品明细-->
    <el-dialog
        v-if="enterDefectiveProductDialog"
        :title="titleUse"
        :visible.sync="enterDefectiveProductDialog"
        width="550px"
        :before-close="handleClose">
      <div style="display: flex; align-items: center; gap: 10px;">
        <!-- 扫码输入框 -->
        <el-input
            ref="scanInput"
            v-model="scanCode"
            placeholder="请扫描或手动输入不良品编号"
            clearable
            style="flex: 1;">
        </el-input>
        <!-- 保存点检结果 -->
        <el-button type="primary" @click="enterDefectiveProductOk">
          插入
        </el-button>
      </div>
      <div style="margin-top: 15px">
        <el-table
          :data="defectiveProductListData"
          border
          height="250px"
          style="width: 100%">
        <el-table-column
            label="序号"
            align="center"
            width="80"
            v-slot:default="scope">
          {{ scope.$index + 1 }}
        </el-table-column>
        <el-table-column
            prop="number"
            label="不良品编号"
            align="center">
        </el-table-column>
        <el-table-column
            label="操作"
            align="center"
            width="70"
            v-slot:default="scope">
          <el-link @click="deleteDefectiveProductOk(scope)">
            <i class="el-icon-delete"></i>
          </el-link>
        </el-table-column>
      </el-table>
      </div>
      <div style="margin-top: 15px">
        <el-button type="primary" @click="enterDefectiveProductDialog=false">确 定</el-button>
      </div>
    </el-dialog>
    <!--弹窗，可疑品清单--筛选数据-->
    <el-dialog
        :title="titleUse"
        :visible.sync="filterSuspectListDialog"
        width="680px"
        :before-close="handleClose">
      <div style="border: 2px solid #409EFF; border-radius: 4px; padding: 15px;">
        <div style="display: flex; justify-content: space-between; align-items: flex-start;">
          <!-- 左侧：三个选择器 -->
          <div style="flex: 1;">
            <div style="margin-bottom: 15px;">
              <span style="margin-top: 10px; display: inline-block; width: 60px;">发现人：</span>
              <el-select v-model="occurPerson" filterable placeholder="未选择">
                <el-option label="AI检验员" value="AI检验员"></el-option>
                <el-option label="AI检验员-机加" value="AI检验员-机加"></el-option>
                <el-option label="其他" value="其他"></el-option>
              </el-select>
            </div>
            <div style="margin-bottom: 15px;">
              <span style="margin-top: 15px; display: inline-block; width: 60px;">状态：</span>
              <el-select v-model="suspectListStateValue" filterable placeholder="未选择">
                <el-option
                    v-for="item in suspectListStateOptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                </el-option>
              </el-select>
            </div>
            <div style="margin-bottom: 15px;">
              <span style="margin-top: 15px; display: inline-block; width: 120px;">时间：</span>
              <el-date-picker
                  v-model="dateTimeScope"
                  type="datetimerange"
                  range-separator="至"
                  start-placeholder="开始时间"
                  end-placeholder="结束时间"
                  style="margin-right: 10px"
                  format="yyyy-MM-dd HH:mm:ss"
                  value-format="yyyy-MM-dd HH:mm:ss">
              </el-date-picker>
            </div>
          </div>
        </div>
        <!-- 右侧：按钮区域 -->
        <div style="display: flex; justify-content: flex-end; margin-top: 20px;">
          <el-button @click="filterSuspectListDialog = false" style="margin-right: 10px;">取 消</el-button>
          <el-button type="primary" @click="filterSuspectListOk">确 定</el-button>
        </div>
      </div>
    </el-dialog>

    <!--弹窗，可疑品处理--可疑品判断--判定按钮--用于判定可疑品的判定属性，如合格，料废，工废等-->
    <el-dialog
        title="可疑品处置信息的弹窗"
        :visible.sync="suspectJudgmentShowDialog"
        width="450px"
        :before-close="handleClose">
      <el-form :model="suspectListShowForm.judgement" label-width="100px">
        <div>
          <el-form-item label="判定结果：">
            <el-select v-model="suspectListShowForm.judgement[0].info" filterable clearable placeholder="请选择"
                       style="margin-left: 10px;width: 250px">
              <el-option
                  v-for="item in suspectJudgmentShowFormOptions"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="判定时间：">
            <el-date-picker
                v-model="suspectListShowForm.judgement[1].info"
                type="date"
                placeholder="选择日期" style="width: 250px"
                format="yyyy-MM-dd"
                value-format="yyyy-MM-dd">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="判定人：">
            <el-input placeholder="请输入内容" v-model="suspectListShowForm.judgement[2].info" style="width: 250px"></el-input>
          </el-form-item>
        </div>
        <el-button @click="suspectJudgmentShowDialog=false">取 消</el-button>
        <el-button type="primary" @click="suspectJudgmentOk">确 定</el-button>
      </el-form>
    </el-dialog>
    <!--弹窗，可疑品处置--可疑品判定--批准按钮---用于批准按钮的弹窗,对可疑品批准功能适用-->
    <el-dialog
        title="可疑品处置信息批准的弹窗"
        :visible.sync="suspectApprovalShowDialog"
        width="450px"
        :before-close="handleClose">
      <el-form :model="judgement" label-width="100px">
        <div>
          <el-form-item label="批准结果：">
            <el-radio v-model="judgement.ApprovalResult" label="YES">YES</el-radio>
            <el-radio v-model="judgement.ApprovalResult" label="NO">NO</el-radio>
          </el-form-item>
          <el-form-item label="批准时间：">
            <el-date-picker
                v-model="judgement.ApprovalTime"
                type="date"
                placeholder="选择日期" style="width: 250px"
                format="yyyy-MM-dd"
                value-format="yyyy-MM-dd">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="批准人：">
            <el-input placeholder="请输入内容" v-model="judgement.ApprovalPerson" style="width: 250px"></el-input>
          </el-form-item>
        </div>

        <el-button @click="suspectApprovalShowDialog=false">取 消</el-button>
        <el-button type="primary" @click="suspectJudgmentOk">确 定</el-button>
      </el-form>
    </el-dialog>

    <!--弹窗，可疑品处理--追溯判定--判定按钮，判定是否需要追溯-->
    <el-dialog
        title="追溯判定弹窗"
        :visible.sync="productTraceabilityJudgmentShowDialog"
        width="650px"
        :before-close="handleClose">
      <el-form :model="suspectListShowForm.from_judgment" label-width="100px">
        <div>
          <el-form-item label="是否追溯：">
            <div>
              <el-radio v-model="suspectListShowForm.from_judgment[0].info" label="需追溯" border>需追溯</el-radio>
              <el-radio v-model="suspectListShowForm.from_judgment[0].info" label="无需追溯" border>无需追溯</el-radio>
            </div>
          </el-form-item>
          <div style="margin-bottom:10px ;text-align: left; ">追溯方案：</div>
          <div style="text-align: left;margin-bottom:10px;">
            <rich-text-translate
            :language-s="languageS"
            :rich-text-translate-data="suspectListShowForm.from_judgment[1].info"
            @content-change="fromJudgmentTranslate">
            </rich-text-translate>
          </div>
          <div>
            <span>判定人：</span>
            <el-input v-model="suspectListShowForm.from_judgment[2].info" style="width: 150px;margin-right: 20px"></el-input>
            <span>判定日期：</span>
            <el-date-picker
                v-model="suspectListShowForm.from_judgment[3].info"
                type="date"
                placeholder="选择日期" style="width: 150px;margin-bottom:10px;"
                format="yyyy-MM-dd"
                value-format="yyyy-MM-dd">
            </el-date-picker>
          </div>
        </div>
        <el-button @click="productTraceabilityJudgmentShowDialog=false">取 消</el-button>
        <el-button type="primary" @click="productTraceabilityJudgmentDialogOK(1)">确 定</el-button>
      </el-form>
    </el-dialog>
    <!--弹窗，可疑品处置--追溯判定--批准按钮---用于批准按钮的弹窗,对追溯判定后进行批准-->
    <el-dialog
        title="追溯批准弹窗"
        :visible.sync="productTraceabilityApprovalShowDialog"
        width="450px"
        :before-close="handleClose">
      <el-form :model="suspectListShowForm.from_judgment" label-width="100px">
        <div>
          <el-form-item label="批准结果：">
            <el-radio v-model="suspectListShowForm.from_judgment[4].info" label="YES">YES</el-radio>
            <el-radio v-model="suspectListShowForm.from_judgment[4].info" label="NO">NO</el-radio>
          </el-form-item>
          <el-form-item label="批准时间：">
            <el-date-picker
                v-model="suspectListShowForm.from_judgment[6].info"
                type="date"
                placeholder="选择日期" style="width: 250px"
                format="yyyy-MM-dd"
                value-format="yyyy-MM-dd">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="批准人：">
            <el-input placeholder="请输入内容" v-model="suspectListShowForm.from_judgment[5].info" style="width: 250px"></el-input>
          </el-form-item>
        </div>
        <el-button @click="productTraceabilityApprovalShowDialog=false">取 消</el-button>
        <el-button type="primary" @click="productTraceabilityJudgmentDialogOK(2)">确 定</el-button>
      </el-form>
    </el-dialog>

    <!--弹窗，可疑品处理--追溯过程--录入追溯过程中的信息-->
    <el-dialog
        title="追溯过程录入"
        v-if="traceabilityProcessShowDialog"
        :visible.sync="traceabilityProcessShowDialog"
        width="600px"
        :before-close="handleClose">
      <el-form :inline="true" :model="from_process" label-width="150px">
        <div style="text-align: left">
          <el-divider content-position="left">{{ this.traceabilityProcessDialogTitle }}</el-divider>
          <div>
            <div>
              <div class="sub-title">排查结果</div>
              <el-form-item>
                <text-translate
                    :language-s="languageS"
                    :rich-text-translate-data="suspectListShowForm.from_process[traceabilityProcessDialogSelectNum].info"
                    @content-change="resultTranslate"></text-translate>
              </el-form-item>
            </div>
            <hr>
            <el-row :gutter="20">
              <el-col :span="12">
                <div class="sub-title">排查数量</div>
                <el-form-item>
                  <el-input
                      style="width: 100%"
                      v-model="suspectListShowForm.from_process[Number(traceabilityProcessDialogSelectNum)+1].info"
                      placeholder="数量">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <div class="sub-title">排查人</div>
                <el-form-item>
                  <el-input
                      style="width: 100%"
                      v-model="suspectListShowForm.from_process[Number(traceabilityProcessDialogSelectNum)+2].info"
                      placeholder="排查人">
                  </el-input>
                </el-form-item>
              </el-col>
            </el-row>
          </div>
        </div>
        <el-button @click="traceabilityProcessShowDialog=false">取 消</el-button>
        <el-button type="primary" @click="traceabilityProcessDialogOK()">确 定</el-button>
      </el-form>
    </el-dialog>

    <!--弹窗，可疑品处理--不良处理--录入不良品处理过程中的信息-->
    <el-dialog
        title="不良品处理过程"
        :visible.sync="reworkRecordShowDialog"
        width="680px"
        :before-close="handleClose">
      <el-form :inline="true" :model="suspectListShowForm.unqualified" label-width="150px">
        <div style="text-align: left">
          <el-divider content-position="left">维修过程</el-divider>
          <div>
            <div>
              <div class="sub-title">更换零部件明细</div>
              <text-translate
                  :language-s="languageS"
                  :rich-text-translate-data="suspectListShowForm.unqualified[1].info"
                  @content_change="partListTranslate"></text-translate>
            </div>
            <hr>
            <el-row :gutter="20" style="margin-top: 10px;">
              <el-col :span="6">
                <div class="sub-title">维修数量</div>
                <el-form-item>
                  <el-input
                      style="width: 100%"
                      v-model="suspectListShowForm.unqualified[2].info"
                      placeholder="维修数量">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <div class="sub-title">维修用工时</div>
                <el-form-item>
                  <el-input
                      style="width: 100%"
                      v-model="suspectListShowForm.unqualified[3].info"
                      placeholder="数量">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <div class="sub-title">维修人</div>
                <el-form-item>
                  <el-input
                      style="width: 100%"
                      v-model="suspectListShowForm.unqualified[4].info"
                      placeholder="维修人">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <div class="sub-title">维修时间</div>
                <el-form-item>
                  <el-date-picker
                      style="width: 100%"
                      v-model="suspectListShowForm.unqualified[5].info"
                      type="date"
                      placeholder="选择日期"
                      format="yyyy-MM-dd"
                      value-format="yyyy-MM-dd">
                  </el-date-picker>
                </el-form-item>
              </el-col>
            </el-row>
          </div>
        </div>
        <el-button @click="reworkRecordShowDialog=false">取 消</el-button>
        <el-button type="primary" @click="reworkRecordShowDialogDialogOK()">确 定</el-button>
      </el-form>
    </el-dialog>
    <!--弹窗，可疑品处理--不良处理--检验结果，录入检验结果和数据等-->
    <el-dialog
        title="返工返修记录-检验数据"
        :visible.sync="reworkInspectionShowDialog"
        width="680px"
        :before-close="handleClose">
      <el-form :inline="true" :model="suspectListShowForm.unqualified" label-width="150px">
        <div style="text-align: left">
          <el-divider content-position="left">检验结果</el-divider>
          <div>
            <div>
              <div class="sub-title">检验数据</div>
              <el-input
                  type="textarea"
                  autosize
                  placeholder="请输入内容"
                  v-model="suspectListShowForm.unqualified[6].info">
              </el-input>
            </div>
            <!-- 使用 el-row 和 el-col 实现均分布局 -->
            <el-row :gutter="20" style="margin-top: 10px;">
              <el-col :span="6">
                <div class="sub-title">合格数量</div>
                <el-form-item>
                  <el-input
                      style="width: 100%"
                      v-model="suspectListShowForm.unqualified[7].info"
                      placeholder="数量">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <div class="sub-title">不合格数量</div>
                <el-form-item>
                  <el-input
                      style="width: 100%"
                      v-model="suspectListShowForm.unqualified[8].info"
                      placeholder="数量">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <div class="sub-title">检验确认人</div>
                <el-form-item>
                  <el-input
                      style="width: 100%"
                      v-model="suspectListShowForm.unqualified[9].info"
                      placeholder="检验确认人">
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <div class="sub-title">检验确认日期</div>
                <el-form-item>
                  <el-date-picker
                      style="width: 100%"
                      v-model="suspectListShowForm.unqualified[10].info"
                      type="date"
                      placeholder="选择日期"
                      format="yyyy-MM-dd"
                      value-format="yyyy-MM-dd">
                  </el-date-picker>
                </el-form-item>
              </el-col>
            </el-row>
          </div>
        </div>
        <el-button @click="reworkInspectionShowDialog=false">取 消</el-button>
        <el-button type="primary" @click="reworkInspectionDialogOK()">确 定</el-button>
      </el-form>
    </el-dialog>
    <!--弹窗，可疑品处理--不良处理--再次装机信息，录入再次装机的信息和数据等-->
    <el-dialog
        title="返工返修记录-再次装机信息"
        :visible.sync="reinstallEngineShowDialog"
        width="800px"
        :before-close="handleClose">
      <el-form :inline="true" :model="suspectListShowForm.unqualified" label-width="150px">
        <div style="text-align: left">
          <el-divider content-position="left">再次装机信息</el-divider>
          <!-- 使用 el-row 和 el-col 实现四个输入框均分布局 -->
          <el-row :gutter="20">
            <el-col :span="6">
              <div class="sub-title">再次装机发动机号</div>
              <el-form-item>
                <el-input
                    style="width: 100%"
                    placeholder="再次装机发动机号"
                    v-model="suspectListShowForm.unqualified[11].info">
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <div class="sub-title">再次装机日期</div>
              <el-form-item>
                <el-date-picker
                    style="width: 100%"
                    v-model="suspectListShowForm.unqualified[12].info"
                    type="date"
                    placeholder="选择日期"
                    format="yyyy-MM-dd"
                    value-format="yyyy-MM-dd">
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <div class="sub-title">再次装机确认人</div>
              <el-form-item>
                <el-input
                    style="width: 100%"
                    v-model="suspectListShowForm.unqualified[13].info"
                    placeholder="确认人">
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <div class="sub-title">再次装机批准人</div>
              <el-form-item>
                <el-input
                    style="width: 100%"
                    v-model="suspectListShowForm.unqualified[14].info"
                    placeholder="批准人">
                </el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </div>
        <el-button @click="reinstallEngineShowDialog=false">取 消</el-button>
        <el-button type="primary" @click="reinstallEngineDialogOK()">确 定</el-button>
      </el-form>
    </el-dialog>

    <!--弹窗，可疑品处理--问题解决--原因分析，编辑原因分析-->
    <el-dialog
        title="原因分析弹窗"
        :visible.sync="causeAnalysisShowDialog"
        width="680px"
        :before-close="handleClose">
      <el-form :model="suspectListShowForm.solve" label-width="100px">
        <div style="margin-bottom:10px ;text-align: left; ">原因分析：</div>
        <div>
          <div style="text-align: left;margin-bottom:10px;">
            <rich-text-translate
                :language-s="languageS"
                :rich-text-translate-data="suspectListShowForm.solve[0].info"
                @content-change="causeAnalysisTranslate">
            </rich-text-translate>
          </div>
          <hr>
          <div>
            <span>分析人：</span>
            <el-input v-model="suspectListShowForm.solve[1].info" style="width: 150px;margin-right: 20px"></el-input>
            <span>分析时间：</span>
            <el-date-picker
                v-model="suspectListShowForm.solve[2].info"
                type="date"
                placeholder="选择日期" style="width: 150px;margin-bottom:10px;"
                format="yyyy-MM-dd"
                value-format="yyyy-MM-dd">
            </el-date-picker>
          </div>
        </div>
        <el-button @click="causeAnalysisShowDialog=false">取 消</el-button>
        <el-button type="primary" @click="causeAnalysisDialogOK()">确 定</el-button>
      </el-form>
    </el-dialog>
    <!--弹窗，可疑品处理--问题解决--整改对策，编辑整改对策-->
    <el-dialog
        title="整改对策弹窗"
        :visible.sync="countermeasureShowDialog"
        width="680px"
        :before-close="handleClose">
      <el-form :model="suspectListShowForm.solve" label-width="100px">
        <div style="margin-bottom:10px ;text-align: left; ">整改对策：</div>
        <div>
          <div style="text-align: left;margin-bottom:10px;">
            <rich-text-translate
                :language-s="languageS"
                :rich-text-translate-data="suspectListShowForm.solve[3].info"
                @content-change="countermeasureTranslate">
            </rich-text-translate>
          </div>
          <hr>
          <div style=" align-items: center;">
            <span>对策人：</span>
            <el-input v-model="suspectListShowForm.solve[4].info" style="width: 150px;margin-right: 20px"></el-input>
            <span>对策时间：</span>
            <el-date-picker
                v-model="suspectListShowForm.solve[5].info"
                type="date"
                placeholder="选择日期" style="width: 150px;margin-bottom:10px;"
                format="yyyy-MM-dd"
                value-format="yyyy-MM-dd">
            </el-date-picker>
          </div>
          <div style=" align-items: center;">
            <span>切换起始号：</span>
            <el-input v-model="suspectListShowForm.solve[6].info" style="width: 150px;margin-right: 20px"></el-input>
            <span>切换时间：</span>
            <el-date-picker
                v-model="suspectListShowForm.solve[7].info"
                type="date"
                placeholder="选择日期" style="width: 150px;margin-bottom:10px;"
                format="yyyy-MM-dd"
                value-format="yyyy-MM-dd">
            </el-date-picker>
          </div>
        </div>
        <el-button @click="countermeasureShowDialog=false">取 消</el-button>
        <el-button type="primary" @click="countermeasuresDialogOK()">确 定</el-button>
      </el-form>
    </el-dialog>
    <!--弹窗，可疑品处理--问题解决--标准化/横展，编辑标准及横展-->
    <el-dialog
        title="标准化/横展弹窗"
        :visible.sync="standardizationAndSimilarProblemsShowDialog"
        width="680px"
        :before-close="handleClose">
      <el-form :model="suspectListShowForm.solve" label-width="100px">
        <div style="margin-bottom:10px ;text-align: left; ">标准化/横展：</div>
        <div>
          <div style="text-align: left;margin-bottom:10px;">
            <rich-text-translate
                :language-s="languageS"
                :rich-text-translate-data="suspectListShowForm.solve[8].info"
                @content-change="standardizationTranslate">
            </rich-text-translate>
          </div>
          <hr>
          <div>
            <span>负责人：</span>
            <el-input v-model="suspectListShowForm.solve[9].info" style="width: 150px;margin-right: 20px"></el-input>
            <span>完成日期：</span>
            <el-date-picker
                v-model="suspectListShowForm.solve[10].info"
                type="date"
                placeholder="选择日期" style="width: 150px;margin-bottom:10px;"
                format="yyyy-MM-dd"
                value-format="yyyy-MM-dd">
            </el-date-picker>
          </div>
        </div>
        <el-button @click="standardizationAndSimilarProblemsShowDialog=false">取 消</el-button>
        <el-button type="primary" @click="standardizationAndSimilarProblemsDialogOK()">确 定</el-button>
      </el-form>
    </el-dialog>
    <!--弹窗，对于可疑品详细的不良品信息进行输入，记录不良品的号码-->
    <el-dialog
        title="可疑品详细列表"
        :visible.sync="suspiciousItemsListDialog"
        width="650px"
        :before-close="handleClose">

    </el-dialog>

    <!--抽屉放置区域-->
  </div>
</template>

<script>


import _ from "lodash";
import E from "wangeditor";
import TextTranslate from "@/components/utils/textTranslate.vue";
import RichTextTranslate from "@/components/utils/richTextTranslate.vue";
import {dingMessage} from "@/components/utils/useUtils";


export default {
  name: "suspectProductGuo",
  components: {RichTextTranslate, TextTranslate},
  computed: {
  },
  data() {
    return {
      //用户权限相关的变量
      useName: '',//用户名称
      useId: '',//用户编号
      usePower: '',//用户权限
      //用户登录后默认为中文
      languageS: 'chinese',
      //切换语言的页面变量
      main: {
        qualityManagementSystem: '俄动力质量管理系统',
        suspectProductHandling: '可疑品业务',
        suspectProductForWorkshop:'装配车间',
        machiningWorkshop:'机加车间',
        logistics:'物流',
      },
      //分页显示的控制变量
      activeName: 'suspectList',
      //导航区的按钮样式
      buttonStyle: [
        {backgroundColor: 'blue', color: 'white'},
        {backgroundColor: '', color: ''},
        {backgroundColor: '', color: ''},
      ],

      //展开表格的数据：
      expandedKeys: [],  // 存储需要展开的行key

      //-----------------------------------可疑品清单中相关变量---------------------------------------

      //可疑品清单--表单表头高度变量
      suspectListTableHeight: window.visualViewport.height - 226,
      //可疑品清单--数据显示表单，解析后台发送的数据，在表单中使用
      suspectListShowData: [
        {
          //主键
          id: '',
          //创建时间
          create_time: '',
          //更新时间
          update_time: '',
          //创建人
          creator: '',
          //流程状态
          process_status: '',
          //更新人
          sys_update_user: '',
          //审核人
          sys_audit_user: '',
          //审核时间
          sys_audit_time: '',
          //逻辑删除
          sys_deleted: '',
          //零部件名称
          part_name: '',
          //零部件供方
          part_supplier: '',
          //型号
          model_id: '',
          //发生时间
          occur_date: '',
          //发生环节
          link: '',
          //发现工序
          position: '',
          //发现人
          occur_per: '',
          //工件号
          part_id: '',
          //问题描述
          describe_use: '',
          //发生数量
          part_num: '',
          //可疑品判定
          judgement: [
            {id:1, nameC:'判定结果', nameE:'Judgment Result', nameR:'Judgment Result', info: ''},
            {id:2, nameC:'判定人', nameE:'Judgment Person', nameR:'Judgment Person', info: ''},
            {id:3, nameC:'判定时间', nameE:'Judgment Time', nameR:'Judgment Time', info: ''},
            {id:4, nameC:'批准结果', nameE:'Approval Result', nameR:'Approval Result', info: ''},
            {id:5, nameC:'批准人', nameE:'Approval Person', nameR:'Approval Person', info: ''},
            {id:6, nameC:'批准时间', nameE:'Approval Time', nameR:'Approval Time', info: ''}],
          //追溯判定
          from_judgment: [
            {id:1, nameC:'追溯判定结果', nameE:'Judgment Result', nameR:'Judgment Result', info: ''},
            {id:2, nameC:'追溯判定方案', nameE:'Traceability Plan', nameR:'Traceability Plan', info: {zh:'',en:'',ru:''}},
            {id:3, nameC:'追溯判定人', nameE:'Judgment Person', nameR:'Judgment Person', info: ''},
            {id:4, nameC:'追溯判定时间', nameE:'Judgment Time', nameR:'Judgment Time', info: ''},
            {id:5, nameC:'批准结果', nameE:'Approval Result', nameR:'Approval Result', info: ''},
            {id:6, nameC:'批准人', nameE:'Approval Person', nameR:'Approval Person', info: ''},
            {id:7, nameC:'批准时间', nameE:'Approval Time', nameR:'Approval Time', info: ''}
          ],
          //追溯过程
          from_process: [
            {id:1, nameC:'供方在制品排查结果', nameE:'supplierProductionResult', nameR:'supplierProductionResult', info: ''},
            {id:2, nameC:'供方在制品数量', nameE:'supplierProductionNum', nameR:'supplierProductionNum', info: ''},
            {id:3, nameC:'供方在制品排查人', nameE:'supplierProductionChecker', nameR:'supplierProductionChecker', info: ''},
            {id:4, nameC:'供方库存排查结果', nameE:'supplierWarehouseResult', nameR:'supplierWarehouseResult', info: ''},
            {id:5, nameC:'供方库存排查数量', nameE:'supplierWarehouseNum', nameR:'supplierWarehouseNum', info: ''},
            {id:6, nameC:'供方库存排查人', nameE:'supplierWarehouseChecker', nameR:'supplierWarehouseChecker', info: ''},
            {id:7, nameC:'在途品排查结果', nameE:'transitResult', nameR:'transitResult', info: ''},
            {id:8, nameC:'在途品排查数量', nameE:'transitNum', nameR:'transitNum', info: ''},
            {id:9, nameC:'在途品排查人', nameE:'transitChecker', nameR:'transitChecker', info: ''},
            {id:10, nameC:'我司库存排查结果', nameE:'warehouseResult', nameR:'warehouseResult', info: ''},
            {id:11, nameC:'我司库存排查数量', nameE:'warehouseNum', nameR:'warehouseNum', info: ''},
            {id:12, nameC:'我司库存排查人', nameE:'warehouseChecker', nameR:'warehouseChecker', info: ''},
            {id:13, nameC:'我司在制品排查结果', nameE:'engineProductionResult', nameR:'engineProductionResult', info: ''},
            {id:14, nameC:'我司在制品排查数量', nameE:'engineProductionNum', nameR:'engineProductionNum', info: ''},
            {id:15, nameC:'我司在制品排查人', nameE:'engineProductionChecker', nameR:'engineProductionChecker', info: ''},
            {id:16, nameC:'我司发动机成品库排查结果', nameE:'engineWarehouseResult', nameR:'engineWarehouseResult', info: ''},
            {id:17, nameC:'我司发动机成品库排查数量', nameE:'engineWarehouseNum', nameR:'engineWarehouseNum', info: ''},
            {id:18, nameC:'我司发动机成品库排查人', nameE:'engineWarehouseChecker', nameR:'engineWarehouseChecker', info: ''},
            {id:19, nameC:'整车在制品排查结果', nameE:'vehicleProductionResult', nameR:'vehicleProductionResult', info: ''},
            {id:20, nameC:'整车在制品排查数量', nameE:'vehicleProductionNum', nameR:'vehicleProductionNum', info: ''},
            {id:21, nameC:'整车在制品排查人', nameE:'vehicleProductionChecker', nameR:'vehicleProductionChecker', info: ''},
            {id:22, nameC:'整车成品库排查结果', nameE:'vehicleWarehouseResult', nameR:'vehicleWarehouseResult', info: ''},
            {id:23, nameC:'整车成品库排查数量', nameE:'vehicleWarehouseNum', nameR:'vehicleWarehouseNum', info: ''},
            {id:24, nameC:'整车成品库排查人', nameE:'vehicleWarehouseChecker', nameR:'vehicleWarehouseChecker', info: ''},
            {id:25, nameC:'经销商未销售排查结果', nameE:'dealerUnsoldResult', nameR:'dealerUnsoldResult', info: ''},
            {id:26, nameC:'经销商未销售排查数量', nameE:'dealerUnsoldNum', nameR:'dealerUnsoldNum', info: ''},
            {id:27, nameC:'经销商未销售排查人', nameE:'dealerUnsoldChecker', nameR:'dealerUnsoldChecker', info: ''},
            {id:28, nameC:'经销商已销售排查结果', nameE:'dealerSoldResult', nameR:'dealerSoldResult', info: ''},
            {id:29, nameC:'经销商已销售排查数量', nameE:'dealerSoldNum', nameR:'dealerSoldNum', info: ''},
            {id:30, nameC:'经销商已销售排查人', nameE:'dealerSoldChecker', nameR:'dealerSoldChecker', info: ''},
          ],
          //不良品处理
          unqualified: [
            {id:1, nameC:'返工返修要领书编号', nameE:'reworkInstructionsNumber', nameR:'reworkInstructionsNumber', info: ''},
            {id:2, nameC:'零部件更换明细', nameE:'reworkPartsReplaceDetails', nameR:'reworkPartsReplaceDetails', info: ''},
            {id:3, nameC:'维修数量', nameE:'reworkNumber', nameR:'reworkNumber', info: ''},
            {id:4, nameC:'维修工时', nameE:'reworkUsedTime', nameR:'reworkUsedTime', info: ''},
            {id:5, nameC:'维修人', nameE:'reworkPerson', nameR:'reworkPerson', info: ''},
            {id:6, nameC:'维修日期', nameE:'reworkDate', nameR:'reworkDate', info: ''},
            {id:7, nameC:'检验数据', nameE:'inspectionData', nameR:'inspectionData', info: ''},
            {id:8, nameC:'合格数量', nameE:'qualifiedNumber', nameR:'qualifiedNumber', info: ''},
            {id:9, nameC:'不合格数量', nameE:'unqualifiedNumber', nameR:'unqualifiedNumber', info: ''},
            {id:10, nameC:'检验确认人', nameE:'inspectionConfirmer', nameR:'inspectionConfirmer', info: ''},
            {id:11, nameC:'检验确认日期', nameE:'inspectionDate', nameR:'inspectionDate', info: ''},
            {id:12, nameC:'再次装机的发动机号', nameE:'reinstallEngineNumber', nameR:'reinstallEngineNumber', info: ''},
            {id:13, nameC:'再次装机的日期', nameE:'reinstallDate', nameR:'reinstallDate', info: ''},
            {id:14, nameC:'再次装机的确认人', nameE:'reinstallConfirmer', nameR:'reinstallConfirmer', info: ''},
            {id:15, nameC:'再次装机的批准人', nameE:'reinstallApprover', nameR:'reinstallApprover', info: ''}
          ],
          //返工返修
          rework: '',
          //问题解决
          solve: [
            {id:1, nameC:'原因分析', nameE:'causeAnalysis', nameR:'causeAnalysis', info: ''},
            {id:2, nameC:'分析人', nameE:'analyst', nameR:'analyst', info: ''},
            {id:3, nameC:'分析时间', nameE:'analysisTime', nameR:'analysisTime', info: ''},
            {id:4, nameC:'整改对策', nameE:'countermeasures', nameR:'countermeasures', info: ''},
            {id:5, nameC:'对策人', nameE:'countermeasurePerson', nameR:'countermeasurePerson', info: ''},
            {id:6, nameC:'对策完成时间', nameE:'countermeasuresTime', nameR:'countermeasuresTime', info: ''},
            {id:7, nameC:'切换起始号', nameE:'switchingNumber', nameR:'switchingNumber', info: ''},
            {id:8, nameC:'切换时间', nameE:'switchingTime', nameR:'switchingTime', info: ''},
            {id:9, nameC:'标准化/横展', nameE:'standardizationAndSimilarProblems', nameR:'standardizationAndSimilarProblems', info: ''},
            {id:10, nameC:'负责人', nameE:'chargePerson', nameR:'chargePerson', info: ''},
            {id:11, nameC:'完成时间', nameE:'completionTime', nameR:'completionTime', info: ''}
          ],
          //判定人
          judged_by: '',
          //确认人
          confirmed_by: '',
          //不良品明细
          defective_product_list: '',
          //第一轮判定状态
          status1: '',
          //第二轮判定状态(不良评审)
          status2: '',
          //是否追溯完成
          is_trace_finish: '',
          //是否处理完成
          is_deal_finish: '',
          //处理总时长
          processingTime:'',//新增：后端不记录的数据，在调出数据后进行前端运算,
          //状态监控的数据：应用的是标签，按照eleme中的样式，有：'info':代表正常状态；’warning‘：已经5天了，’danger‘：已经超过7天了；’danger‘：已经完成了，
          processingType:'info',
        }
      ],
      //可疑品清单--数据显示表单，用户修改时展示的变量内容，显示给用户
      suspectListShowForm: {
        //主键
        id: '',
        //创建时间
        create_time: '',
        //更新时间
        update_time: '',
        //创建人
        creator: '',
        //流程状态
        process_status: '',
        //更新人
        sys_update_user: '',
        //审核人
        sys_audit_user: '',
        //审核时间
        sys_audit_time: '',
        //逻辑删除
        sys_deleted: '',
        //零部件名称
        part_name: '',
        //零部件供方
        part_supplier: '',
        //型号
        model_id: '',
        //发生时间
        occur_date: '',
        //发生环节
        link: '',
        //发现工序
        position: '',
        //发现人
        occur_per: '',
        //工件号
        part_id: '',
        //问题描述
        describe_use: '',
        //发生数量
        part_num: '',
        //可疑品判定
        judgement: [
          {id:1, nameC:'判定结果', nameE:'Judgment Result', nameR:'Judgment Result', info: ''},
          {id:2, nameC:'判定人', nameE:'Judgment Person', nameR:'Judgment Person', info: ''},
          {id:3, nameC:'判定时间', nameE:'Judgment Time', nameR:'Judgment Time', info: ''},
          {id:4, nameC:'批准结果', nameE:'Approval Result', nameR:'Approval Result', info: ''},
          {id:5, nameC:'批准人', nameE:'Approval Person', nameR:'Approval Person', info: ''},
          {id:6, nameC:'批准时间', nameE:'Approval Time', nameR:'Approval Time', info: ''}],
        //追溯判定
        from_judgment: [
          {id:1, nameC:'追溯判定结果', nameE:'Judgment Result', nameR:'Judgment Result', info: ''},
          {id:2, nameC:'追溯判定方案', nameE:'Traceability Plan', nameR:'Traceability Plan', info: ''},
          {id:3, nameC:'追溯判定人', nameE:'Judgment Person', nameR:'Judgment Person', info: ''},
          {id:4, nameC:'追溯判定时间', nameE:'Judgment Time', nameR:'Judgment Time', info: ''},
          {id:5, nameC:'批准结果', nameE:'Approval Result', nameR:'Approval Result', info: ''},
          {id:6, nameC:'批准人', nameE:'Approval Person', nameR:'Approval Person', info: ''},
          {id:7, nameC:'批准时间', nameE:'Approval Time', nameR:'Approval Time', info: ''}
        ],
        //追溯过程
        from_process: [
          {id:1, nameC:'供方在制品排查结果', nameE:'supplierProductionResult', nameR:'supplierProductionResult', info: {zh:'', en:'', ru:''}},
          {id:2, nameC:'供方在制品数量', nameE:'supplierProductionNum', nameR:'supplierProductionNum', info: ''},
          {id:3, nameC:'供方在制品排查人', nameE:'supplierProductionChecker', nameR:'supplierProductionChecker', info: ''},
          {id:4, nameC:'供方库存排查结果', nameE:'supplierWarehouseResult', nameR:'supplierWarehouseResult', info: {zh:'', en:'', ru:''}},
          {id:5, nameC:'供方库存排查数量', nameE:'supplierWarehouseNum', nameR:'supplierWarehouseNum', info: ''},
          {id:6, nameC:'供方库存排查人', nameE:'supplierWarehouseChecker', nameR:'supplierWarehouseChecker', info: ''},
          {id:7, nameC:'在途品排查结果', nameE:'transitResult', nameR:'transitResult', info: {zh:'', en:'', ru:''}},
          {id:8, nameC:'在途品排查数量', nameE:'transitNum', nameR:'transitNum', info: ''},
          {id:9, nameC:'在途品排查人', nameE:'transitChecker', nameR:'transitChecker', info: ''},
          {id:10, nameC:'我司库存排查结果', nameE:'warehouseResult', nameR:'warehouseResult', info: {zh:'', en:'', ru:''}},
          {id:11, nameC:'我司库存排查数量', nameE:'warehouseNum', nameR:'warehouseNum', info: ''},
          {id:12, nameC:'我司库存排查人', nameE:'warehouseChecker', nameR:'warehouseChecker', info: ''},
          {id:13, nameC:'我司在制品排查结果', nameE:'engineProductionResult', nameR:'engineProductionResult', info: {zh:'', en:'', ru:''}},
          {id:14, nameC:'我司在制品排查数量', nameE:'engineProductionNum', nameR:'engineProductionNum', info: ''},
          {id:15, nameC:'我司在制品排查人', nameE:'engineProductionChecker', nameR:'engineProductionChecker', info: ''},
          {id:16, nameC:'我司发动机成品库排查结果', nameE:'engineWarehouseResult', nameR:'engineWarehouseResult', info: {zh:'', en:'', ru:''}},
          {id:17, nameC:'我司发动机成品库排查数量', nameE:'engineWarehouseNum', nameR:'engineWarehouseNum', info: ''},
          {id:18, nameC:'我司发动机成品库排查人', nameE:'engineWarehouseChecker', nameR:'engineWarehouseChecker', info: ''},
          {id:19, nameC:'整车在制品排查结果', nameE:'vehicleProductionResult', nameR:'vehicleProductionResult', info: {zh:'', en:'', ru:''}},
          {id:20, nameC:'整车在制品排查数量', nameE:'vehicleProductionNum', nameR:'vehicleProductionNum', info: ''},
          {id:21, nameC:'整车在制品排查人', nameE:'vehicleProductionChecker', nameR:'vehicleProductionChecker', info: ''},
          {id:22, nameC:'整车成品库排查结果', nameE:'vehicleWarehouseResult', nameR:'vehicleWarehouseResult', info: {zh:'', en:'', ru:''}},
          {id:23, nameC:'整车成品库排查数量', nameE:'vehicleWarehouseNum', nameR:'vehicleWarehouseNum', info: ''},
          {id:24, nameC:'整车成品库排查人', nameE:'vehicleWarehouseChecker', nameR:'vehicleWarehouseChecker', info: ''},
          {id:25, nameC:'经销商未销售排查结果', nameE:'dealerUnsoldResult', nameR:'dealerUnsoldResult', info: {zh:'', en:'', ru:''}},
          {id:26, nameC:'经销商未销售排查数量', nameE:'dealerUnsoldNum', nameR:'dealerUnsoldNum', info: ''},
          {id:27, nameC:'经销商未销售排查人', nameE:'dealerUnsoldChecker', nameR:'dealerUnsoldChecker', info: ''},
          {id:28, nameC:'经销商已销售排查结果', nameE:'dealerSoldResult', nameR:'dealerSoldResult', info: {zh:'', en:'', ru:''}},
          {id:29, nameC:'经销商已销售排查数量', nameE:'dealerSoldNum', nameR:'dealerSoldNum', info: ''},
          {id:30, nameC:'经销商已销售排查人', nameE:'dealerSoldChecker', nameR:'dealerSoldChecker', info: ''},
        ],
        //不良品处理
        unqualified: [
          {id:1, nameC:'返工返修要领书编号', nameE:'reworkInstructionsNumber', nameR:'reworkInstructionsNumber', info: ''},
          {id:2, nameC:'零部件更换明细', nameE:'reworkPartsReplaceDetails', nameR:'reworkPartsReplaceDetails', info: {zh:'', en:'', ru:''}},
          {id:3, nameC:'维修数量', nameE:'reworkNumber', nameR:'reworkNumber', info: ''},
          {id:4, nameC:'维修工时', nameE:'reworkUsedTime', nameR:'reworkUsedTime', info: ''},
          {id:5, nameC:'维修人', nameE:'reworkPerson', nameR:'reworkPerson', info: ''},
          {id:6, nameC:'维修日期', nameE:'reworkDate', nameR:'reworkDate', info: ''},
          {id:7, nameC:'检验数据', nameE:'inspectionData', nameR:'inspectionData', info: ''},
          {id:8, nameC:'合格数量', nameE:'qualifiedNumber', nameR:'qualifiedNumber', info: ''},
          {id:9, nameC:'不合格数量', nameE:'unqualifiedNumber', nameR:'unqualifiedNumber', info: ''},
          {id:10, nameC:'检验确认人', nameE:'inspectionConfirmer', nameR:'inspectionConfirmer', info: ''},
          {id:11, nameC:'检验确认日期', nameE:'inspectionDate', nameR:'inspectionDate', info: ''},
          {id:12, nameC:'再次装机的发动机号', nameE:'reinstallEngineNumber', nameR:'reinstallEngineNumber', info: ''},
          {id:13, nameC:'再次装机的日期', nameE:'reinstallDate', nameR:'reinstallDate', info: ''},
          {id:14, nameC:'再次装机的确认人', nameE:'reinstallConfirmer', nameR:'reinstallConfirmer', info: ''},
          {id:15, nameC:'再次装机的批准人', nameE:'reinstallApprover', nameR:'reinstallApprover', info: ''}
        ],
        //返工返修
        rework: '',
        //问题解决
        solve: [
          {id:1, nameC:'原因分析', nameE:'causeAnalysis', nameR:'causeAnalysis', info: {zh:'', en:'', ru:''}},
          {id:2, nameC:'分析人', nameE:'analyst', nameR:'analyst', info: ''},
          {id:3, nameC:'分析时间', nameE:'analysisTime', nameR:'analysisTime', info: ''},
          {id:4, nameC:'整改对策', nameE:'countermeasures', nameR:'countermeasures', info: {zh:'', en:'', ru:''}},
          {id:5, nameC:'对策人', nameE:'countermeasurePerson', nameR:'countermeasurePerson', info: ''},
          {id:6, nameC:'对策完成时间', nameE:'countermeasuresTime', nameR:'countermeasuresTime', info: ''},
          {id:7, nameC:'切换起始号', nameE:'switchingNumber', nameR:'switchingNumber', info: ''},
          {id:8, nameC:'切换时间', nameE:'switchingTime', nameR:'switchingTime', info: ''},
          {id:9, nameC:'标准化/横展', nameE:'standardizationAndSimilarProblems', nameR:'standardizationAndSimilarProblems', info: {zh:'', en:'', ru:''}},
          {id:10, nameC:'负责人', nameE:'chargePerson', nameR:'chargePerson', info: ''},
          {id:11, nameC:'完成时间', nameE:'completionTime', nameR:'completionTime', info: ''}
        ],
        //判定人
        judged_by: '',
        //确认人
        confirmed_by: '',
        //不良品明细
        defective_product_list: '',
        //第一轮判定状态
        status1: '',
        //第二轮判定状态(不良评审)
        status2: '',
        //是否追溯完成
        is_trace_finish: '',
        //是否处理完成
        is_deal_finish: ''
      },
      //用户现在的编辑状态：1.新增、2.编辑
      suspectListShowDoe: 0,
      //记录用户点击哪一行
      suspectListShowScope: null,
      //可疑品清单--筛选用时间选择器
      dateTimeScope: [],
      //可疑清单--筛选可疑品列表中可疑品的属性，如判定合格的，工废的
      suspectListStateOptions: [
        {value: '全部/All list/все', label: '全部/All list/все'},

        {value: '未判定/Not processed/Не обработано', label: '未判定/Not processed/Не обработано'},
        {value: '合格/Qualified/Годен', label: '合格/Qualified/Годен'},
        {
          value: '工废/Manufacturing waste/Производственный брак',
          label: '工废/Manufacturing waste/Производственный брак'
        },
        {value: '料废/Material scrap/Брак материала', label: '料废/Material scrap/Брак материала'},
        {value: '让步接收/Concession/Принятие с отклонением', label: '让步接收/Concession/Принятие с отклонением'},
        {value: '返工/返修/Rework/Переделка', label: '返工/返修/Rework/Переделка'},
        {value: '评审/Review/аудит', label: '评审/Review/аудит'},
      ],
      //可疑清单--筛选发现人
      occurPerson:'',
      //可疑清单--筛选可疑品列表记录的值
      suspectListStateValue: '',
      // 存储扫描/输入的二维码内容
      scanCode: '',
      //录入不良明细弹窗中的大表
      defectiveProductListData:[{number:''}],
      defectiveProductListScope:'',

      // 可疑品清单分页相关变量
      suspectProductListPagination: {
        currentPage: 1,
        pageSize: 20, // 每页显示条数
        total: 0,
      },

      //自动翻译的变量
      problem_description_translate:{
        zh:'',en:'',ru:''
      },

      /*-----------------------------------可疑品处置中相关变量------------------------------------*/
      //可疑品清单--表单表头高度变量
      suspectStatusTabletWidth: window.visualViewport.width - 226,
      //可疑品处置--单选框和选择器合并使用的单选框的值，用于判断显示选择器
      radioValue: '',
      //可疑品处置--单选框和选择器合并使用的选择器的值，用于判断筛选项目的内容
      suspectStatusSelectValue1: '',
      suspectStatusSelectValue2: '',
      suspectStatusSelectValue3: '',
      suspectStatusSelectValue4: '',
      suspectStatusSelectValue5: '',
      suspectStatusSelectValue6: '',
      //可疑品处置--追溯判定--筛选框中的值
      suspectJudgmentOptions:[
        {value: '未判定', label: '未判定'},
        {value:'需追溯',label:'需追溯'},
        {value:'无需追溯',label:'无需追溯'}
      ],
      //可疑品处置--追溯过程--筛选框中的值
      traceabilityProcessOptions:[
        {value: '未完成',label: '未完成'},
        {value: '已完成',label: '已完成'},
      ],
      //可疑品处置--不良品评审--筛选框中的值
      productReviewOptions:[
        {value: '未评审',label: '未评审'},
        {value: '已评审',label: '已评审'},
      ],
      //可疑品处置--不良品处理--筛选框中的值
      reworkRecordOptions:[
        {value:'未完成', label:'未完成'},
        {value: '已完成',label: '已完成'}
      ],
      //可疑品处置--问题解决--筛选框中的值
      problemSolveOptions:[
        {value: '未完成',label: '未完成'  },
        {value: '已完成', label :'已完成'}
      ],

      //可疑品处置--记录可疑品大于1的项目，需求详细写入可疑品明细的大表
      suspiciousItemsList:[
        {
          //主键id
          //零部件供方
          part_supplier:'',
          //型号
          model_id:'',
          //零部件名称
          part_name:'',
          // 发生环节
          link:'',
          //发现工序
          position:'',
          //发现人
          occur_per:'',
          //工件号
          part_id:'',
          //可疑品问题关联id
          suspectList_id:'',
        }
      ],

      //可疑品处置展示表单---可疑品判定中的表单展示数据，用于反馈选择的可疑品清单数据展示给用户
      suspectDisposalShowForm: {
        //主键
        id: '',
        //创建时间
        create_time: '',
        //更新时间
        update_time: '',
        //创建人
        creator: '',
        //流程状态
        process_status: '',
        //更新人
        sys_update_user: '',
        //审核人
        sys_audit_user: '',
        //审核时间
        sys_audit_time: '',
        //逻辑删除
        sys_deleted: '',
        //零部件名称
        part_name: '',
        //零部件供方
        part_supplier: '',
        //型号
        model_id: '',
        //发生时间
        occur_date: '',
        //发生环节
        link: '',
        //发现工序
        position: '',
        //发现人
        occur_per: '',
        //工件号
        part_id: '',
        //问题描述
        describe_use: '',
        //发生数量
        part_num: '',
        //可疑品判定:判定结果|*|判定人|*|判定时间|*|批准人|*|批准时间|*|
        judgement: '',
        //追溯判定:判定结果|*|判定人|*|判定时间|*|批准人|*|批准时间|*|
        from_judgment: '',
        //追溯过程
        from_process: '',
        //不良品处理
        unqualified: '',
        //返工返修
        rework: '',
        //自有系统主键
        idUse: '',
        //自有编辑人
        editor: '',
        //自有创建时间
        establishTime: '',
        //自有修改时间
        updateTime: '',
        //问题解决
        solve: ''
      },
      //可疑品处置展示表单中各个分小项的数据
      //可疑品判定:判定结果|*|判定人|*|判定时间|*|批准结果|*|批准人|*|批准时间
      judgement: {
        JudgmentResult: "",
        JudgmentPerson: '',
        JudgmentTime: '',
        ApprovalResult: '',
        ApprovalPerson: '',
        ApprovalTime: ''
      },
      //可疑品处理--可疑品判定--过程点击状态，用于判定、批准等功能选项传递
      suspectProcessStatus: '',
      //新增可疑品清单的弹窗
      suspectDialog: false,
      //筛选可疑品清单的弹窗
      filterSuspectListDialog:false,
      //可疑品处理--追溯判定--判定按钮--的弹窗变量，用于用户追溯判定
      productTraceabilityJudgmentShowDialog: false,
      //可疑品处理--追溯判定--批准按钮--的弹窗变量，用于用户追溯批准
      productTraceabilityApprovalShowDialog: false,
      //可疑品处理--追溯判定--判定按钮是否禁用的变量，用于锁定判定权限
      productTraceabilityJudgmentDisabled: false,
      //可疑品处理--追溯判定--批准按钮是否禁用的变量，用于锁定批准权限
      productTraceabilityApprovalDisabled: false,
      //可疑品处理--追溯判定--的分小项：判定结果|*|追溯方案|*|判定人|*|判定时间|*|批准结果|*|批准人|*|批准时间
      from_judgment: {
        //追溯判定结果
        judgmentResult: "",
        //追溯判定方案
        traceabilityPlan: '',
        //追溯判定人
        judgmentPerson: '',
        //追溯判定时间
        judgmentTime: '',
        //批准结果
        approvalResult: '',
        //批准人
        approvalPerson: '',
        //批准时间
        approvalTime: ''
      },
      //可疑品处理--录入多个不良品
      suspiciousItemsListDialog: false,
      //可疑品处理--追溯过程--信息编辑--的弹窗，用于用户编辑追溯过程信息
      traceabilityProcessShowDialog: false,
      //可疑品处理--追溯过程--弹窗中的排查描述的变量
      traceabilityProcessDialogOfResult: {zh:'',en:'',ru:''},
      //可疑品处理--追溯过程--弹窗中的故障数量的变量
      traceabilityProcessDialogOfNum: '',
      //可疑品处理--追溯过程--弹窗中的排查人的变量
      traceabilityProcessDialogOfChecker: '',
      //可疑品处置--追溯过程--弹窗标题的变量
      traceabilityProcessDialogTitle: '',
      //可疑品处置--追溯过程--弹窗中用于变量传递选择的哪一个号
      traceabilityProcessDialogSelectNum: 0,
      //可疑品处理--追溯过程--的分小项：供方在制品|*|故障数量|*|排查人**** 10组数据
      from_process: {
        //供方在制品排查结果
        supplierProductionResult: "",
        //供方在制品数量
        supplierProductionNum: '',
        //供方在制品排查人
        supplierProductionChecker: '',
        //供方库存排查结果
        supplierWarehouseResult: '',
        //供方库存排查数量
        supplierWarehouseNum: '',
        //供方库存排查人
        supplierWarehouseChecker: '',
        //在途品排查结果
        transitResult: '',
        //在途品排查数量
        transitNum: '',
        //在途品排查人
        transitChecker: '',
        //我司库存排查结果
        warehouseResult: '',
        //我司库存排查数量
        warehouseNum: '',
        //我司库存排查人
        warehouseChecker: '',
        //我司在制品排查结果
        engineProductionResult: '',
        //我司在制品排查数量
        engineProductionNum: '',
        //我司在制品排查人
        engineProductionChecker: '',
        //我司发动机成品库排查结果
        engineWarehouseResult: '',
        //我司发动机成品库排查数量
        engineWarehouseNum: '',
        //我司发动机成品库排查人
        engineWarehouseChecker: '',
        //整车在制品排查结果
        vehicleProductionResult: '',
        //整车在制品排查数量
        vehicleProductionNum: '',
        //整车在制品排查人
        vehicleProductionChecker: '',
        //整车成品库排查结果
        vehicleWarehouseResult: '',
        //整车成品库排查数量
        vehicleWarehouseNum: '',
        //整车成品库排查人
        vehicleWarehouseChecker: '',
        //经销商未销售排查结果
        dealerUnsoldResult: '',
        //经销商未销售排查数量
        dealerUnsoldNum: '',
        //经销商未销售排查人
        dealerUnsoldChecker: '',
        //经销商已销售排查结果
        dealerSoldResult: '',
        //经销商已销售排查数量
        dealerSoldNum: '',
        //经销商已销售排查人
        dealerSoldChecker: '',
      },
      //可疑品处理--不良处理--信息编辑--的弹窗，用于编辑不良品处理的信息
      reworkRecordShowDialog: false,
      //可疑品处理--不良处理--检验信息--的弹窗，用于检验编辑处理的结果信息
      reworkInspectionShowDialog: false,
      //可疑品处理--不良处理--再次装机信息--的弹窗，用于再次装机的信息记录
      reinstallEngineShowDialog: false,
      //可疑品处理--不良处理--不良品返工返修记录表---的分小项。更换零部件明细|*|
      rework: {
        //返工返修要领书编号
        reworkInstructionsNumber: '',
        //零部件更换明细
        reworkPartsReplaceDetails: '',
        //维修数量
        reworkNumber: '',
        //维修工时
        reworkUsedTime: '',
        //维修人
        reworkPerson: '',
        //维修日期
        reworkDate: '',
        //检验数据
        inspectionData: '',
        //合格数量
        qualifiedNumber: '',
        //不合格数量
        unqualifiedNumber: '',
        //检验确认人
        inspectionConfirmer: '',
        //检验确认日期
        inspectionDate: '',
        //再次装机的发动机号
        reinstallEngineNumber: '',
        //再次装机的日期
        reinstallDate: '',
        //再次装机的确认人
        reinstallConfirmer: '',
        //再次装机的批准人
        reinstallApprover: ''
      },
      //可疑品处理-可疑品问题解决中的分小项目  原因分析|*|分析人|*| …… 等
      solve: {
        //原因分析
        causeAnalysis: '',
        //分析人
        analyst: '',
        //分析时间
        analysisTime: '',
        //整改对策
        countermeasures: '',
        //对策人
        countermeasurePerson: '',
        //对策完成时间
        countermeasuresTime: '',
        //切换起始号
        switchingNumber: '',
        //切换时间
        switchingTime: '',
        //标准化/横展
        standardizationAndSimilarProblems: '',
        //负责人
        chargePerson: '',
        //完成时间
        completionTime: ''
      },
      //可疑品录入表单弹窗表头提示：
      titleUse: '',
      //新增可疑品清单弹窗中不良品明细录入的弹窗
      enterDefectiveProductDialog:false,

      //可疑品弹窗中零部件供方的选择列表
      productModelListOption: [],
      //可疑品处置用的表单弹出变量
      suspectJudgmentShowDialog: false,

      //可疑品处置--可疑品判定--批准按钮--批准信息弹窗，用于批准同意和不同意
      suspectApprovalShowDialog: false,
      //可疑品处理--可疑品判定--可疑品中批准用的按钮禁用变量
      judgementApprovalDisabled: true,
      //可疑品处理--可疑品判定--可疑品中判定用的按钮禁用变量
      suspectJudgementDisabled: false,

      //可疑品处理--问题解决--原因分析--的弹窗，用于用户编辑原因分析
      causeAnalysisShowDialog: false,
      //可疑品处理--问题解决--整改对策--的弹窗，用于用户编辑整改对策
      countermeasureShowDialog: false,
      //可疑品处理--问题解决--横展和标准化--的弹窗，用于用户编辑横展和标准化
      standardizationAndSimilarProblemsShowDialog: false,
      //可疑品处理--问题解决--问题解决的编辑按钮禁用变量
      problemSolvingDisabled: false,

      //向后端调取所有的零部件明细
      productModelList: [{
        id: '', // id
        createTime: null, // 创建时间，使用 null 或 Date 对象
        updateTime: null, // 更新时间，使用 null 或 Date 对象
        creator: '', // 创建人
        processStatus: '', // 流程状态
        sysUpdateUser: '', // 更新人
        sysAuditUser: '', // 审核人
        sysAuditTime: null, // 审核时间，使用 null 或 Date 对象
        sysDeleted: false, // 逻辑删除，通常使用布尔值表示是否已删除
        cpxh: '', // 产品型号
        lbjmc_C: '', // 零部件名称_中文
        lbjmc_E: '', // 零部件名称_英文
        lbjmc_R: '', // 零部件名称_俄文
        sccj: '' // 生产厂家
      }],

      //可疑品弹窗中适用机型的选择列表 EN EB
      modelIdOptions: [
        {value: 'EB/EN', label: 'EB/EN'},
        {value: 'EB全系', label: 'EB全系'},
        {value: 'EN全系', label: 'EN全系'},
        {value: 'EB05', label: 'EB05'},
        {value: 'EB35', label: 'EB35'},
        {value: 'EB75', label: 'EB75'},
        {value: 'EN19', label: 'EN19'},
        {value: 'EN38', label: 'EN38'},
      ],
      //可疑品处理--追溯判定--是否追溯选择列表
      productTraceability: [
        {value: 'EB/EN', label: 'EB/EN'},
        {value: 'EB全系', label: 'EB全系'},
        {value: 'EN全系', label: 'EN全系'},
        {value: 'EB05', label: 'EB05'},
        {value: 'EB35', label: 'EB35'},
        {value: 'EB75', label: 'EB75'},
        {value: 'EN19', label: 'EN19'},
        {value: 'EN38', label: 'EN38'},
      ],

      //可疑品弹窗中发生环节的选择列表 各个科室
      linkOptions: [
        {label: '机加/Machining Workshop/Обработки линия', value: '机加/Machining Workshop/Обработки линия'},
        {label: '装配/Assembly Workshop/Сборочная линия', value: '装配/Assembly Workshop/Сборочная линия'},
        {label: '产技/Quality Technology/Tехнологий качества', value: '产技/Quality Technology/Tехнологий качества'},
        {label: '品管/Quality Management/Управления качеством', value: '品管/Quality Management/Управления качеством'},
        {
          label: '制技/Manufacture Tech/Tехнологии производства',
          value: '制技/Manufacture Tech/Tехнологии производства'
        },
        {label: '物流/Logistics Department/Отдел логистики', value: '物流/Logistics Department/Отдел логистики'},
        {
          label: '设备/Maintenance Utility/Oбслуживания оборудования',
          value: '设备/Maintenance Utility/Oбслуживания оборудования'
        },
      ],

      //可疑品弹窗中发现工序的选择列表  各个工序 OP10 OP20
      positionOptions: [
        {value: '其他', label: '其他'},
        {value: '热试', label: '热试'},
        {value: 'OP10', label: 'OP10'},
        {value: 'OP20', label: 'OP20'},
        {value: 'OP30', label: 'OP30'},
        {value: 'OP30-1', label: 'OP30-1'},
        {value: 'OP40', label: 'OP40'},
        {value: 'OP50', label: 'OP50'},
        {value: 'OP60', label: 'OP60'},
        {value: 'OP70', label: 'OP70'},
        {value: 'OP80', label: 'OP80'},
        {value: 'OP90', label: 'OP90'},
        {value: 'OP100', label: 'OP100'},
        {value: 'OP105', label: 'OP105'},
        {value: 'OP110', label: 'OP110'},
        {value: 'OP120', label: 'OP120'},
        {value: 'OP130', label: 'OP130'},
        {value: 'OP140', label: 'OP140'},
        {value: 'OP150', label: 'OP150'},
        {value: 'OP155', label: 'OP155'},
        {value: 'OP160', label: 'OP160'},
        {value: 'OP170', label: 'OP170'},
        {value: 'OP180', label: 'OP180'},
        {value: 'OP190', label: 'OP190'},
        {value: 'OP200', label: 'OP200'},
        {value: 'OP210', label: 'OP210'},
        {value: 'OP220', label: 'OP220'},
        {value: 'OP230', label: 'OP230'},
        {value: 'OP240', label: 'OP240'},
        {value: 'OP240-1', label: 'OP240-1'},
        {value: 'OP250', label: 'OP250'},
        {value: 'OP260', label: 'OP260'},
        {value: 'OP270', label: 'OP270'},
        {value: 'OP275', label: 'OP275'},
        {value: 'OP280-1', label: 'OP280-1'},
        {value: 'OP280-2', label: 'OP280-2'},
        {value: 'OP280-3', label: 'OP280-3'},
        {value: 'OP280-4', label: 'OP280-4'},
        {value: 'OP280-5', label: 'OP280-5'},
        {value: 'OP280-6', label: 'OP280-6'},
        {value: 'OP280', label: 'OP280'},
        {value: 'OP290', label: 'OP290'},
        {value: 'OP300', label: 'OP300'},
        {value: 'OP310', label: 'OP310'},
        {value: 'OP320', label: 'OP320'},
        {value: 'OP330-1', label: 'OP330-1'},
        {value: 'OP330', label: 'OP330'},
        {value: 'OP340', label: 'OP340'},
        {value: 'OP350-1', label: 'OP350-1'},
        {value: 'OP350', label: 'OP350'},
        {value: 'OP360', label: 'OP360'},
        {value: 'OP370', label: 'OP370'},
        {value: 'OP380', label: 'OP380'},
        {value: 'OP390-1', label: 'OP390-1'},
        {value: 'OP390-2', label: 'OP390-2'},
        {value: 'OP390', label: 'OP390'},
        {value: 'OP400', label: 'OP400'},
        {value: 'OP410-1', label: 'OP410-1'},
        {value: 'OP410', label: 'OP410'},
        {value: 'OP420', label: 'OP420'},
        {value: 'OP430', label: 'OP430'},
        {value: 'OP440-1', label: 'OP440-1'},
        {value: 'OP440', label: 'OP440'},
        {value: 'OP450', label: 'OP450'},
        {value: 'OP460', label: 'OP460'},
        {value: 'OP470', label: 'OP470'},
        {value: 'OP480', label: 'OP480'},
        {value: 'OP490', label: 'OP490'},
        {value: 'OP500', label: 'OP500'},
        {value: 'OP510', label: 'OP510'},
        {value: 'OP520', label: 'OP520'},
        {value: 'OP530', label: 'OP530'},
        {value: 'HL10', label: 'HL10'},
        {value: 'HL20', label: 'HL20'},
        {value: 'HL30', label: 'HL30'},
        {value: 'HL40', label: 'HL40'},
        {value: 'GG10', label: 'GG10'},
        {value: 'GG20', label: 'GG20'},
        {value: 'GG30', label: 'GG30'},
        {value: 'GG40', label: 'GG40'},
        {value: 'GG45', label: 'GG45'},
        {value: 'GG50', label: 'GG50'},
        {value: 'GG60', label: 'GG60'},
        {value: 'GG70', label: 'GG70'},
        {value: 'GG80', label: 'GG80'},
        {value: 'GG90', label: 'GG90'},
        {value: 'GG100', label: 'GG100'},
        {value: '下线', label: '下线'},
        {value: '内装线', label: '内装线'},
        {value: '外装线', label: '外装线'},
        {value: '缸盖分装线', label: '缸盖分装线'},
        {value: '磨试线', label: '磨试线'},
        {value: '物流', label: '物流'},
      ],
      //可疑品处置中可疑品判定业务弹窗选择列表，选择处置方式使用
      suspectJudgmentShowFormOptions: [
        {value: '合格/Qualified/Годен', label: '合格/Qualified/Годен'},
        {
          value: '工废/Manufacturing waste/Производственный брак',
          label: '工废/Manufacturing waste/Производственный брак'
        },
        {value: '料废/Material scrap/Брак материала', label: '料废/Material scrap/Брак материала'},
        {value: '让步接收/Concession/Принятие с отклонением', label: '让步接收/Concession/Принятие с отклонением'},
        {value: '返工/返修/Rework/Переделка', label: '返工/返修/Rework/Переделка'},
        {value: '评审/Review/аудит', label: '评审/Review/аудит'},
      ],

      //存放富文本
      editor: null
    }
  },

  watch: {
    //可疑品清单--添加/编辑弹窗中的零部件名称选项---操作函数
    'suspectListShowForm.part_name'(newVal) {
      if (newVal.split('/').length === 5) {
        this.suspectListShowForm.part_supplier = newVal.split('/')[4]
      } else if (newVal === '') {
        this.suspectListShowForm.part_supplier = ''
      }
    },
  },
  methods: {
    //退出登录
    logOut() {
      localStorage.removeItem('u_token');
      localStorage.removeItem('userName')
      this.$router.push('UserLogin')
    },
    //查询用户信息的函数
    inquiry() {
      //输入用户编号，向后端查询信息
      const useId = localStorage.getItem('userName').replace(/"/g, '');
      this.$request.post('/useQueryPower', {
        queryFiledName: 'suspectProductGuo',
        userId: useId,
      }).then(result => {
        if (result.code === 401) {
          this.$router.push('UserLogin')
          alert("您未登录，请登录")
        } else {
          this.useName = result.data.name
          this.usePower = result.data.goodProductCondition
          this.useId = useId
        }
      })
    },
    //语言切换选择的函数
    languageSelect(language) {
      this.languageS = language
      if (language === 'chinese') {
        //main
        this.main.qualityManagementSystem = '俄动力质量管理系统'
        this.main.suspectProductHandling = '可疑品业务'
      } else if (language === 'english') {
        //main
        this.main.qualityManagementSystem = 'Quality Management System'
        this.main.suspectProductHandling = 'Suspect Product Handling'
      } else if (language === 'russian') {
        //main
        this.main.qualityManagementSystem = 'Система управления качеством'
        this.main.suspectProductHandling = 'Обработка подозрительных товаров'
      }
    },

    //在可疑品业务页面中点击tabs标签页的显示调用函数，当页面等于设定的标签，对后端进行发送post请求
    handleClick() {
      //点击名称为suspectList（网页中名字为可疑品清单）
      if (this.activeName === 'suspectList') {
        // 先判断当前选中的是哪个按钮，不调用buttonClick方法
        let currentButton = this.getCurrentButton();

        //发送post至后端，并处理接收到的结果
        // 查询可疑品清单总条目
        if (currentButton === 0){
          let link='装配/Assembly Workshop/Сборочная линия'
          // 查询可疑品清单（分页）
          this.querySuspectProductListWithPagination(1,20,link,null,null,null,null).then(data => {
            this.suspectListShowData = data.data;
            this.suspectProductListPagination.total=data.total
            //组合处理时长的函数，现在没有增加判定条件，先算术
            for (let i = 0; i < this.suspectListShowData.length; i++) {
              this.suspectListShowData[i].processingTime =this.calculateDateDifference(this.suspectListShowData[i].occur_date)
              if (this.suspectListShowData[i].processingTime<=5){
                this.suspectListShowData[i].processingType='success'
              }
              else if (this.suspectListShowData[i].processingTime<=7){
                this.suspectListShowData[i].processingType='warning'
              }
              else if (this.suspectListShowData[i].processingTime>7){
                this.suspectListShowData[i].processingType='danger'
              }
            }
            this.dealQuerySuspectProductList()
          });
        }
        else if (currentButton === 1){
          let link='机加/Machining Workshop/Обработки линия'
          // 查询可疑品清单（分页）
          this.querySuspectProductListWithPagination(1,20,link,null,null,null,null).then(data => {
            this.suspectListShowData = data.data;
            this.suspectProductListPagination.total=data.total

            //组合处理时长的函数，现在没有增加判定条件，先算术
            for (let i = 0; i < this.suspectListShowData.length; i++) {
              this.suspectListShowData[i].processingTime =this.calculateDateDifference(this.suspectListShowData[i].occur_date)
              if (this.suspectListShowData[i].processingTime<=5){
                this.suspectListShowData[i].processingType='success'
              }
              else if (this.suspectListShowData[i].processingTime<=7){
                this.suspectListShowData[i].processingType='warning'
              }
              else if (this.suspectListShowData[i].processingTime>7){
                this.suspectListShowData[i].processingType='danger'
              }
            }

            this.dealQuerySuspectProductList()
          });
        }
        else if (currentButton === 2){
          let link='物流/Logistics Department/Отдел логистики'
          // 查询可疑品清单（分页）
          this.querySuspectProductListWithPagination(1,20,link,null,null,null,null).then(data => {
            this.suspectListShowData = data.data;
            this.suspectProductListPagination.total=data.total
            //组合处理时长的函数，现在没有增加判定条件，先算术
            for (let i = 0; i < this.suspectListShowData.length; i++) {
              this.suspectListShowData[i].processingTime =this.calculateDateDifference(this.suspectListShowData[i].occur_date)
              if (this.suspectListShowData[i].processingTime<=5){
                this.suspectListShowData[i].processingType='success'
              }
              else if (this.suspectListShowData[i].processingTime<=7){
                this.suspectListShowData[i].processingType='warning'
              }
              else if (this.suspectListShowData[i].processingTime>7){
                this.suspectListShowData[i].processingType='danger'
              }
            }
            this.dealQuerySuspectProductList()
          });
        }
      }
    },

    //辅助函数：计算提供的日期与当前日期相差的天数
    calculateDateDifference(dateString) {
      // 将输入字符串转换为日期对象
      const inputDate = new Date(dateString);
      // 获取今天的日期（本地时间00:00:00）
      const today = new Date();
      today.setHours(0, 0, 0, 0);

      // 验证日期有效性
      if (isNaN(inputDate)) {
        return "--";
      }

      // 计算时间差（毫秒）
      const timeDifference = today - inputDate;
      // 转换为天数（取绝对值并四舍五入）
      // 返回带符号的结果（正数表示未来，负数表示过去）
      return Math.round(timeDifference / (1000 * 60 * 60 * 24));
    },

    // 新增方法：获取当前选中的按钮索引
    getCurrentButton() {
      if (this.buttonStyle[0].backgroundColor === 'blue') return 0;
      if (this.buttonStyle[1].backgroundColor === 'blue') return 1;
      if (this.buttonStyle[2].backgroundColor === 'blue') return 2;
      return 0; // 默认返回第一个按钮
    },
    //页面左侧导航栏中选择不同的按钮后，对应选中的按钮进行背景色和文字颜色进行设定和变更，展示选定的项目
    buttonClick(doe) {
      if (doe === 0) {
        this.buttonStyle = [
          {backgroundColor: 'blue', color: 'white'},
          {backgroundColor: '', color: ''},
          {backgroundColor: '', color: ''}
        ];
        //到后端查询对应车间的不良品
        let link='装配/Assembly Workshop/Сборочная линия'
        // 查询可疑品清单（分页）
        this.querySuspectProductListWithPagination(1,20,link,null,null,null,null).then(data => {
          console.log(data.data,data.total)
          this.suspectListShowData = data.data;
          this.suspectProductListPagination.total=data.total
          //组合处理时长的函数，现在没有增加判定条件，先算术
          for (let i = 0; i < this.suspectListShowData.length; i++) {
            this.suspectListShowData[i].processingTime =this.calculateDateDifference(this.suspectListShowData[i].occur_date)
            if (this.suspectListShowData[i].processingTime<=5){
              this.suspectListShowData[i].processingType='success'
            }
            else if (this.suspectListShowData[i].processingTime<=7){
              this.suspectListShowData[i].processingType='warning'
            }
            else if (this.suspectListShowData[i].processingTime>7){
              this.suspectListShowData[i].processingType='danger'
            }
          }
          this.dealQuerySuspectProductList()
        });
      }
      else if (doe === 1) {
        this.buttonStyle = [
          {backgroundColor: '', color: ''},
          {backgroundColor: 'blue', color: 'white'},
          {backgroundColor: '', color: ''}
        ];
        //到后端查询对应车间的不良品
        let link='机加/Machining Workshop/Обработки линия'
        // 查询可疑品清单（分页）
        this.querySuspectProductListWithPagination(1,20,link,null,null,null,null).then(data => {
          console.log(data.data,data.total)
          this.suspectListShowData = data.data;
          this.suspectProductListPagination.total=data.total
          //组合处理时长的函数，现在没有增加判定条件，先算术
          for (let i = 0; i < this.suspectListShowData.length; i++) {
            this.suspectListShowData[i].processingTime =this.calculateDateDifference(this.suspectListShowData[i].occur_date)
            if (this.suspectListShowData[i].processingTime<=5){
              this.suspectListShowData[i].processingType='success'
            }
            else if (this.suspectListShowData[i].processingTime<=7){
              this.suspectListShowData[i].processingType='warning'
            }
            else if (this.suspectListShowData[i].processingTime>7){
              this.suspectListShowData[i].processingType='danger'
            }
          }
          this.dealQuerySuspectProductList()
        });
      }
      else if (doe === 2) {
        this.buttonStyle = [
          {backgroundColor: '', color: ''},
          {backgroundColor: '', color: ''},
          {backgroundColor: 'blue', color: 'white'}
        ];
        //到后端查询对应车间的不良品
        let link='物流/Logistics Department/Отдел логистики'
        // 查询可疑品清单（分页）
        this.querySuspectProductListWithPagination(1,20,link,null,null,null,null).then(data => {
          this.suspectListShowData = data.data;
          this.suspectProductListPagination.total=data.total
          //组合处理时长的函数，现在没有增加判定条件，先算术
          for (let i = 0; i < this.suspectListShowData.length; i++) {
            this.suspectListShowData[i].processingTime =this.calculateDateDifference(this.suspectListShowData[i].occur_date)
            if (this.suspectListShowData[i].processingTime<=5){
              this.suspectListShowData[i].processingType='success'
            }
            else if (this.suspectListShowData[i].processingTime<=7){
              this.suspectListShowData[i].processingType='warning'
            }
            else if (this.suspectListShowData[i].processingTime>7){
              this.suspectListShowData[i].processingType='danger'
            }
          }
          this.dealQuerySuspectProductList()
        });
      }
    },

    //无意关闭弹窗的函数
    handleClose(done) {
      this.$confirm('确认关闭？')
          // eslint-disable-next-line no-unused-vars
          .then(_ => {
            done();
          })
          // eslint-disable-next-line no-unused-vars
          .catch(_ => {
          });
    },

    //打开编辑可疑品大表的编辑弹窗
    suspectListShow(doe, scope) {
      this.suspectListShowDoe = doe  //记录用户对表进行哪些操作，1、2、3、4
      this.suspectListShowScope = scope   //记录用户当前点击的是哪一行
      if (doe === 1) {
        this.titleUse = '你正在新增一条可疑品数据'
        this.problem_description_translate={
          zh:'',en:'',ru:''
        }
        this.suspectListShowForm = {
          //主键
          id: '',
          //创建时间
          create_time: '',
          //更新时间
          update_time: '',
          //创建人
          creator: this.useName + '/' + this.useId,
          //流程状态
          process_status: '',
          //更新人
          sys_update_user: '',
          //审核人
          sys_audit_user: '',
          //审核时间
          sys_audit_time: '',
          //逻辑删除
          sys_deleted: 0,
          //零部件名称
          part_name: '',
          //零部件供方
          part_supplier: '',
          //型号
          model_id: '',
          //发生时间
          occur_date: '',
          //发生环节
          link: '',
          //发现工序
          position: '',
          //发现人
          occur_per: this.useName,
          //工件号
          part_id: '',
          //问题描述
          describe_use: '',
          //发生数量
          part_num: '',
          //可疑品判定
          judgement: [
            {id:1, nameC:'判定结果', nameE:'Judgment Result', nameR:'Judgment Result', info: ''},
            {id:2, nameC:'判定人', nameE:'Judgment Person', nameR:'Judgment Person', info: ''},
            {id:3, nameC:'判定时间', nameE:'Judgment Time', nameR:'Judgment Time', info: ''},
            {id:4, nameC:'批准结果', nameE:'Approval Result', nameR:'Approval Result', info: ''},
            {id:5, nameC:'批准人', nameE:'Approval Person', nameR:'Approval Person', info: ''},
            {id:6, nameC:'批准时间', nameE:'Approval Time', nameR:'Approval Time', info: ''}],
          //追溯判定
          from_judgment: [
            {id:1, nameC:'追溯判定结果', nameE:'Judgment Result', nameR:'Judgment Result', info: ''},
            {id:2, nameC:'追溯判定方案', nameE:'Traceability Plan', nameR:'Traceability Plan', info: ''},
            {id:3, nameC:'追溯判定人', nameE:'Judgment Person', nameR:'Judgment Person', info: ''},
            {id:4, nameC:'追溯判定时间', nameE:'Judgment Time', nameR:'Judgment Time', info: ''},
            {id:5, nameC:'批准结果', nameE:'Approval Result', nameR:'Approval Result', info: ''},
            {id:6, nameC:'批准人', nameE:'Approval Person', nameR:'Approval Person', info: ''},
            {id:7, nameC:'批准时间', nameE:'Approval Time', nameR:'Approval Time', info: ''}
          ],
          //追溯过程
          from_process: [
            {id:1, nameC:'供方在制品排查结果', nameE:'supplierProductionResult', nameR:'supplierProductionResult', info: ''},
            {id:2, nameC:'供方在制品数量', nameE:'supplierProductionNum', nameR:'supplierProductionNum', info: ''},
            {id:3, nameC:'供方在制品排查人', nameE:'supplierProductionChecker', nameR:'supplierProductionChecker', info: ''},
            {id:4, nameC:'供方库存排查结果', nameE:'supplierWarehouseResult', nameR:'supplierWarehouseResult', info: ''},
            {id:5, nameC:'供方库存排查数量', nameE:'supplierWarehouseNum', nameR:'supplierWarehouseNum', info: ''},
            {id:6, nameC:'供方库存排查人', nameE:'supplierWarehouseChecker', nameR:'supplierWarehouseChecker', info: ''},
            {id:7, nameC:'在途品排查结果', nameE:'transitResult', nameR:'transitResult', info: ''},
            {id:8, nameC:'在途品排查数量', nameE:'transitNum', nameR:'transitNum', info: ''},
            {id:9, nameC:'在途品排查人', nameE:'transitChecker', nameR:'transitChecker', info: ''},
            {id:10, nameC:'我司库存排查结果', nameE:'warehouseResult', nameR:'warehouseResult', info: ''},
            {id:11, nameC:'我司库存排查数量', nameE:'warehouseNum', nameR:'warehouseNum', info: ''},
            {id:12, nameC:'我司库存排查人', nameE:'warehouseChecker', nameR:'warehouseChecker', info: ''},
            {id:13, nameC:'我司在制品排查结果', nameE:'engineProductionResult', nameR:'engineProductionResult', info: ''},
            {id:14, nameC:'我司在制品排查数量', nameE:'engineProductionNum', nameR:'engineProductionNum', info: ''},
            {id:15, nameC:'我司在制品排查人', nameE:'engineProductionChecker', nameR:'engineProductionChecker', info: ''},
            {id:16, nameC:'我司发动机成品库排查结果', nameE:'engineWarehouseResult', nameR:'engineWarehouseResult', info: ''},
            {id:17, nameC:'我司发动机成品库排查数量', nameE:'engineWarehouseNum', nameR:'engineWarehouseNum', info: ''},
            {id:18, nameC:'我司发动机成品库排查人', nameE:'engineWarehouseChecker', nameR:'engineWarehouseChecker', info: ''},
            {id:19, nameC:'整车在制品排查结果', nameE:'vehicleProductionResult', nameR:'vehicleProductionResult', info: ''},
            {id:20, nameC:'整车在制品排查数量', nameE:'vehicleProductionNum', nameR:'vehicleProductionNum', info: ''},
            {id:21, nameC:'整车在制品排查人', nameE:'vehicleProductionChecker', nameR:'vehicleProductionChecker', info: ''},
            {id:22, nameC:'整车成品库排查结果', nameE:'vehicleWarehouseResult', nameR:'vehicleWarehouseResult', info: ''},
            {id:23, nameC:'整车成品库排查数量', nameE:'vehicleWarehouseNum', nameR:'vehicleWarehouseNum', info: ''},
            {id:24, nameC:'整车成品库排查人', nameE:'vehicleWarehouseChecker', nameR:'vehicleWarehouseChecker', info: ''},
            {id:25, nameC:'经销商未销售排查结果', nameE:'dealerUnsoldResult', nameR:'dealerUnsoldResult', info: ''},
            {id:26, nameC:'经销商未销售排查数量', nameE:'dealerUnsoldNum', nameR:'dealerUnsoldNum', info: ''},
            {id:27, nameC:'经销商未销售排查人', nameE:'dealerUnsoldChecker', nameR:'dealerUnsoldChecker', info: ''},
            {id:28, nameC:'经销商已销售排查结果', nameE:'dealerSoldResult', nameR:'dealerSoldResult', info: ''},
            {id:29, nameC:'经销商已销售排查数量', nameE:'dealerSoldNum', nameR:'dealerSoldNum', info: ''},
            {id:30, nameC:'经销商已销售排查人', nameE:'dealerSoldChecker', nameR:'dealerSoldChecker', info: ''},
          ],
          //不良品处理
          unqualified: [
            {id:1, nameC:'返工返修要领书编号', nameE:'reworkInstructionsNumber', nameR:'reworkInstructionsNumber', info: ''},
            {id:2, nameC:'零部件更换明细', nameE:'reworkPartsReplaceDetails', nameR:'reworkPartsReplaceDetails', info: ''},
            {id:3, nameC:'维修数量', nameE:'reworkNumber', nameR:'reworkNumber', info: ''},
            {id:4, nameC:'维修工时', nameE:'reworkUsedTime', nameR:'reworkUsedTime', info: ''},
            {id:5, nameC:'维修人', nameE:'reworkPerson', nameR:'reworkPerson', info: ''},
            {id:6, nameC:'维修日期', nameE:'reworkDate', nameR:'reworkDate', info: ''},
            {id:7, nameC:'检验数据', nameE:'inspectionData', nameR:'inspectionData', info: ''},
            {id:8, nameC:'合格数量', nameE:'qualifiedNumber', nameR:'qualifiedNumber', info: ''},
            {id:9, nameC:'不合格数量', nameE:'unqualifiedNumber', nameR:'unqualifiedNumber', info: ''},
            {id:10, nameC:'检验确认人', nameE:'inspectionConfirmer', nameR:'inspectionConfirmer', info: ''},
            {id:11, nameC:'检验确认日期', nameE:'inspectionDate', nameR:'inspectionDate', info: ''},
            {id:12, nameC:'再次装机的发动机号', nameE:'reinstallEngineNumber', nameR:'reinstallEngineNumber', info: ''},
            {id:13, nameC:'再次装机的日期', nameE:'reinstallDate', nameR:'reinstallDate', info: ''},
            {id:14, nameC:'再次装机的确认人', nameE:'reinstallConfirmer', nameR:'reinstallConfirmer', info: ''},
            {id:15, nameC:'再次装机的批准人', nameE:'reinstallApprover', nameR:'reinstallApprover', info: ''}
          ],
          //返工返修
          rework: '',
          //问题解决
          solve: [
            {id:1, nameC:'原因分析', nameE:'causeAnalysis', nameR:'causeAnalysis', info: ''},
            {id:2, nameC:'分析人', nameE:'analyst', nameR:'analyst', info: ''},
            {id:3, nameC:'分析时间', nameE:'analysisTime', nameR:'analysisTime', info: ''},
            {id:4, nameC:'整改对策', nameE:'countermeasures', nameR:'countermeasures', info: ''},
            {id:5, nameC:'对策人', nameE:'countermeasurePerson', nameR:'countermeasurePerson', info: ''},
            {id:6, nameC:'对策完成时间', nameE:'countermeasuresTime', nameR:'countermeasuresTime', info: ''},
            {id:7, nameC:'切换起始号', nameE:'switchingNumber', nameR:'switchingNumber', info: ''},
            {id:8, nameC:'切换时间', nameE:'switchingTime', nameR:'switchingTime', info: ''},
            {id:9, nameC:'标准化/横展', nameE:'standardizationAndSimilarProblems', nameR:'standardizationAndSimilarProblems', info: ''},
            {id:10, nameC:'负责人', nameE:'chargePerson', nameR:'chargePerson', info: ''},
            {id:11, nameC:'完成时间', nameE:'completionTime', nameR:'completionTime', info: ''}
          ],
          //判定人
          judged_by: '',
          //确认人
          confirmed_by: '',
          //不良品明细
          defective_product_list: '',
          //第一轮判定状态
          status1: '',
          //第二轮判定状态(不良评审)
          status2: '',
          //是否追溯完成
          is_trace_finish: '',
          //是否处理完成
          is_deal_finish: ''
        }
        this.suspectDialog = true
      }
      else if (doe === 2) {
        this.titleUse = '你正在编辑一条可疑品数据'
        //给自动翻译的变量赋值
        this.problem_description_translate={
          zh:this.suspectListShowScope.row.describe_use.split('|*|')[0],
          en:this.suspectListShowScope.row.describe_use.split('|*|')[1],
          ru:this.suspectListShowScope.row.describe_use.split('|*|')[2]}
        this.suspectListShowForm = _.cloneDeep(scope.row)
        this.suspectDialog = true
      }
    },
    //可疑品插入的表单点击OK后，触发的函数操作。向后端发送请求，增加一条数据
    suspectListOk() {
      if (this.suspectListShowDoe === 1) {
        //重新组合数据
        let temp = this.suspectListShowForm.part_name.split('/')
        for (let i = 0; i < temp.length - 1; i++) {
          if (i === 0) {
            this.suspectListShowForm.part_name = temp[i]
          } else {
            this.suspectListShowForm.part_name = this.suspectListShowForm.part_name + '/' + temp[i]
          }
        }
        //向后端发送请求，并将返回的值重新重新复制给suspectListShowData
        this.$request.post('/insertOneSuspectProductListSuspectProductGuo', this.suspectListShowForm).then(result => {
          if (result.code === 401) {
            this.$router.push('UserLogin')
            alert("您未登录，请登录")
          } else {
            this.suspectListShowData.splice(0,0,this.suspectListShowForm)
            this.$message.success('添加成功')
            this.suspectDialog = false
          }
        })
      }
      if (this.suspectListShowDoe === 2) {
        if (this.suspectListShowScope.row.part_name !== this.suspectListShowForm.part_name) {
          //重新组合数据
          let temp = this.suspectListShowForm.part_name.split('/')
          for (let i = 0; i < temp.length - 1; i++) {
            if (i === 0) {
              this.suspectListShowForm.part_name = temp[i]
            } else {
              this.suspectListShowForm.part_name = this.suspectListShowForm.part_name + '/' + temp[i]
            }
          }
          this.suspectListShowForm.sys_update_user = this.useName + '/' + this.useId
        }
        //向后端发送修改一条的请求
        this.$request.post('/editOneSuspectProductListSuspectProductGuo', this.suspectListShowForm).then(result => {
          if (result.code === 401) {
            this.$router.push('UserLogin')
            alert("您未登录，请登录")
          } else {
            //把原数据的中旧的行进行替换。 splice功能（旧数据的索引号/选中的行，删除1行，放入表单更改后的数据）
            this.suspectListShowData.splice(this.suspectListShowScope.$index, 1, this.suspectListShowForm)

            this.$message.success('修改成功')  //弹窗信息，接收完成数据后，提示成功
            this.suspectDialog = false
          }
        })
      }
    },
    //录入不良明细的弹窗显示
    enterDefectiveProductShow(){
      this.titleUse="您正在插入不良品明细"
      if (this.suspectListShowForm.defective_product_list===''){
        this.defectiveProductListData=[]
      }
      else{
        this.defectiveProductListData=[]
        let temp = this.suspectListShowForm.defective_product_list.split('|*|')
        for (let i = 0; i < temp.length; i++) {
          this.defectiveProductListData.push({number: temp[i]})
        }
      }
      this.enterDefectiveProductDialog=true
    },
    //点击不良明细弹窗中的插入
    enterDefectiveProductOk(){
      this.defectiveProductListData.push({number: this.scanCode})
      this.scanCode=''
      this.suspectListShowForm.defective_product_list=''
      for (let i = 0; i < this.defectiveProductListData.length; i++) {
        if (this.suspectListShowForm.defective_product_list===''){
          this.suspectListShowForm.defective_product_list=this.defectiveProductListData[i].number
        }
        else {
          this.suspectListShowForm.defective_product_list=this.suspectListShowForm.defective_product_list+'|*|'+this.defectiveProductListData[i].number
        }
      }
    },
    //点击不良明细弹窗中的删除
    deleteDefectiveProductOk(scope){
      this.defectiveProductListScope=scope
      //删除表格显示当前行
      this.defectiveProductListData.splice(this.defectiveProductListScope.$index,1)
      //先清空该字段，避免重复累加
      this.suspectListShowForm.defective_product_list=''
      //循环列表，组合修改的字段
      for (let i = 0; i < this.defectiveProductListData.length; i++) {
        //当列表被删空时，那么要修改的字段也是空
        if (this.defectiveProductListData.length===0){
          this.suspectListShowForm.defective_product_list=''
        }
        //当仅剩一条时，那么修改的字段就为剩余的一条，无需组合
        else if (this.defectiveProductListData.length===1){
          this.suspectListShowForm.defective_product_list=this.defectiveProductListData[i].number
        }
        //当大于一条时，组合数据
        else{
          this.suspectListShowForm.defective_product_list = this.suspectListShowForm.defective_product_list + '|*|' + this.defectiveProductListData[i].number
        }
      }
    },
    //筛选不良品清单
    filterSuspectListShow(){
      this.dateTimeScope=[]
      this.filterSuspectListDialog=true
    },
    filterSuspectListOk() {
      // 处理日期范围
      let startTime = '';
      let endTime = '';
      if (this.dateTimeScope==='' || this.dateTimeScope===undefined || this.dateTimeScope===null || this.dateTimeScope.length!==2){
        startTime=''
        endTime=''
      }
      else{
        startTime = this.dateTimeScope[0];
        endTime = this.dateTimeScope[1];
      }
      // 调用查询方法
      this.querySuspectProductListWithPagination(1,20,
          '装配/Assembly Workshop/Сборочная линия',
          this.occurPerson,
          startTime,
          endTime,
          this.suspectListStateValue
      ).then(data => {
        // 处理返回的数据
        this.suspectListShowData = data;
        //组合处理时长的函数，现在没有增加判定条件，先算术
        for (let i = 0; i < this.suspectListShowData.length; i++) {
          this.suspectListShowData[i].processingTime =this.calculateDateDifference(this.suspectListShowData[i].occur_date)
          if (this.suspectListShowData[i].processingTime<=5){
            this.suspectListShowData[i].processingType='success'
          }
          else if (this.suspectListShowData[i].processingTime<=7){
            this.suspectListShowData[i].processingType='warning'
          }
          else if (this.suspectListShowData[i].processingTime>7){
            this.suspectListShowData[i].processingType='danger'
          }
        }
        this.filterSuspectListDialog = false; // 关闭对话框
      });
    },

    //富文本翻译
    fromJudgmentTranslate(val){
      this.$set(this.suspectListShowForm.from_judgment[1], 'info', _.cloneDeep(val))
      // this.suspectListShowForm.from_judgment[1].info=_.cloneDeep(val)
    },
    causeAnalysisTranslate(val){
      this.$set(this.suspectListShowForm.solve[0], 'info', _.cloneDeep(val))
    },
    countermeasureTranslate(val){
      this.$set(this.suspectListShowForm.solve[3], 'info', _.cloneDeep(val))
    },
    standardizationTranslate(val){
      this.$set(this.suspectListShowForm.solve[8], 'info', _.cloneDeep(val))
    },

    //辅助函数：分页查询可疑品信息内容
    async querySuspectProductListWithPagination(page, size, link,occurPerson,startTime,endTime,status1) {
      const { currentPage, pageSize } = this.suspectProductListPagination;
      const response = await this.$request.post('/querySuspectProductListPaginationSuspectProductGuo', {
        page: currentPage,
        size: pageSize,
        link: link,
        occurPerson:occurPerson,
        startTime:startTime,
        endTime:endTime,
        status1:status1
      });
      if (response.code === 401) {
        this.$router.push('UserLogin');
        alert("您未登录，请登录");
      }
      else {
        return response.data
      }
    },
    //处理每页显示条数的变化
    handleSizeChange(val) {
      this.suspectProductListPagination.pageSize = val;
      let link = '';
      if (this.buttonStyle[0].backgroundColor === 'blue') {
        link = '装配/Assembly Workshop/Сборочная линия';
      }
      else if (this.buttonStyle[1].backgroundColor === 'blue') {
        link = '机加/Machining Workshop/Обработки линия';
      }
      else if (this.buttonStyle[2].backgroundColor === 'blue') {
        link = '物流/Logistics Department/Отдел логистики';
      }
      this.querySuspectProductListWithPagination(1,20,link,null,null,null,null).then(data => {
        this.suspectListShowData = data.data;
        this.suspectProductListPagination.total=data.total
        //组合处理时长的函数，现在没有增加判定条件，先算术
        for (let i = 0; i < this.suspectListShowData.length; i++) {
          this.suspectListShowData[i].processingTime =this.calculateDateDifference(this.suspectListShowData[i].occur_date)
          if (this.suspectListShowData[i].processingTime<=5){
            this.suspectListShowData[i].processingType='success'
          }
          else if (this.suspectListShowData[i].processingTime<=7){
            this.suspectListShowData[i].processingType='warning'
          }
          else if (this.suspectListShowData[i].processingTime>7){
            this.suspectListShowData[i].processingType='danger'
          }
        }
        this.dealQuerySuspectProductList()
      });
    },
    //处理选择哪页的变化
    handleCurrentChange(val) {
      this.suspectProductListPagination.currentPage = val;
      let link = '';
      if (this.buttonStyle[0].backgroundColor === 'blue') {
        link = '装配/Assembly Workshop/Сборочная линия';
      }
      else if (this.buttonStyle[1].backgroundColor === 'blue') {
        link = '机加/Machining Workshop/Обработки линия';
      }
      else if (this.buttonStyle[2].backgroundColor === 'blue') {
        link = '物流/Logistics Department/Отдел логистики';
      }
      this.querySuspectProductListWithPagination(1,20,link,null,null,null,null).then(data => {
        this.suspectListShowData = data.data;
        this.suspectProductListPagination.total=data.total
        //组合处理时长的函数，现在没有增加判定条件，先算术
        for (let i = 0; i < this.suspectListShowData.length; i++) {
          this.suspectListShowData[i].processingTime =this.calculateDateDifference(this.suspectListShowData[i].occur_date)
          if (this.suspectListShowData[i].processingTime<=5){
            this.suspectListShowData[i].processingType='success'
          }
          else if (this.suspectListShowData[i].processingTime<=7){
            this.suspectListShowData[i].processingType='warning'
          }
          else if (this.suspectListShowData[i].processingTime>7){
            this.suspectListShowData[i].processingType='danger'
          }
        }
        this.dealQuerySuspectProductList()
      });
    },

    //自动翻译问题描述
    problemDescriptionTranslate(val){
      this.suspectListShowForm.describe_use=val.zh+'|*|'+val.en+'|*|'+val.ru
    },
    //可疑品处理--可疑品判定--中的函数。点击判定后，打开一个弹窗选择，对可疑品进行判定
    suspectJudgmentShowClick(doe,scope) {
      this.suspectProcessStatus = doe
      this.suspectListShowScope = scope
      this.suspectListShowForm=_.cloneDeep(scope.row)
      this.suspectJudgmentShowDialog = true
    },
    //可疑品处置--可疑品判定---点击确定函数----点击后向后端发送一个添加可疑品处置的请求
    suspectJudgmentOk() {
      // 保存当前展开状态
      this.expandedKeys = [this.suspectListShowScope.row.id];
      if (this.suspectProcessStatus === 1) {
        //判定的数据写入特定的表单中
        this.editTwoFiledsByIdSuspectProductList(this.suspectListShowForm.id, 'judgement', JSON.stringify(this.suspectListShowForm.judgement), 'status1', this.suspectListShowForm.judgement[0].info).then(data => {
          this.$message.success(data)
          this.suspectListShowData.splice(this.suspectListShowScope.$index,1,this.suspectListShowForm)
          //限制判定按钮，不可以重复处理
          this.suspectJudgementDisabled = true
          //把判定信息钉钉群发送：
          const dingId='SECa6d4f3f3f069b486ba7cd760fe9467a7fffa612f214e193ff68fa84d3b397026'
          const dingIdentifyId = 'https://oapi.dingtalk.com/robot/send?access_token=97a109e2c40baec56d46127530be7e4444fc15359349e4987b62883c8abdd002'
          const text = ''
          const link = ''
          const dingMes =dingMessage(dingId,dingIdentifyId,text,link,1)
          console.log(dingMes)
          this.suspectJudgmentShowDialog = false
        })
      }
    },


    //可疑品处置--追溯判定--判定按钮中函数--点击按钮后打开弹窗等逻辑
    productTraceabilityJudgmentClick(doe,scope) {
      this.suspectListShowScope=scope
      this.suspectListShowForm=_.cloneDeep(scope.row)
      //追溯判定按钮
      if (doe === 1) {
        //可疑品判定弹窗打开
        this.productTraceabilityJudgmentShowDialog = true
      }
      //追溯判定中批准按钮
      else if (doe === 2) {
        //可疑品判定弹窗打开
        this.productTraceabilityApprovalShowDialog = true
      }
    },
    //可疑品处置--追溯判定--判定按钮弹窗--点击确定函数--点击后触发OK逻辑
    productTraceabilityJudgmentDialogOK(doe) {
      // 保存当前展开状态
      this.expandedKeys = [this.suspectListShowScope.row.id];
      //点击追溯判定的弹窗中的确定按钮
      if (doe === 1) {
        if (this.suspectListShowForm.from_judgment[0].info==='需追溯'){
          //判定的数据写入特定的表单中
          this.editTwoFiledsByIdSuspectProductList(this.suspectListShowForm.id, 'from_judgment', JSON.stringify(this.suspectListShowForm.from_judgment), 'is_trace_finish', '').then(data => {
            this.$message.success(data)
            //关闭弹窗
            this.suspectListShowData.splice(this.suspectListShowScope.$index,1,this.suspectListShowForm)
            this.productTraceabilityJudgmentShowDialog = false
          })
        }
        else if (this.suspectListShowForm.from_judgment[0].info==='无需追溯'){
          this.editTwoFiledsByIdSuspectProductList(this.suspectListShowForm.id, 'from_judgment', JSON.stringify(this.suspectListShowForm.from_judgment), 'is_trace_finish', 'yes').then(data => {
            this.$message.success(data)
            //关闭弹窗
            this.suspectListShowData.splice(this.suspectListShowScope.$index,1,this.suspectListShowForm)
            this.productTraceabilityJudgmentShowDialog = false
          })
        }
      } else if (doe === 2) {
        if (this.suspectListShowForm.from_judgment[4].info === 'YES') {
          //如果批准人同意，提交信息至后端
          this.editOneFiledByIdSuspectProductList(this.suspectListShowForm.id, 'from_judgment', JSON.stringify(this.suspectListShowForm.from_judgment)).then(data => {
            this.$message.success(data)
            this.suspectListShowData.splice(this.suspectListShowScope.$index,1,this.suspectListShowForm)
            //点击批准确认以后，将批准按钮进行关闭。
            this.productTraceabilityJudgmentDisabled = true
            //关闭弹窗
            this.productTraceabilityApprovalShowDialog = false
          })
        } else if (this.suspectListShowForm.from_judgment[4].info === 'NO') {
          //如果批准人不同意，则清空当前的数据。
          this.editOneFiledByIdSuspectProductList(this.suspectListShowForm.id, 'from_judgment', null).then(data => {
            this.$message.success(data)
            this.suspectListShowForm.from_judgment=[
              {id:1, nameC:'追溯判定结果', nameE:'Judgment Result', nameR:'Judgment Result', info: ''},
              {id:2, nameC:'追溯判定方案', nameE:'Traceability Plan', nameR:'Traceability Plan', info: {zh:'',en:'',ru:''}},
              {id:3, nameC:'追溯判定人', nameE:'Judgment Person', nameR:'Judgment Person', info: ''},
              {id:4, nameC:'追溯判定时间', nameE:'Judgment Time', nameR:'Judgment Time', info: ''},
              {id:5, nameC:'批准结果', nameE:'Approval Result', nameR:'Approval Result', info: ''},
              {id:6, nameC:'批准人', nameE:'Approval Person', nameR:'Approval Person', info: ''},
              {id:7, nameC:'批准时间', nameE:'Approval Time', nameR:'Approval Time', info: ''}
            ]
            this.suspectListShowData.splice(this.suspectListShowScope.$index,1,this.suspectListShowForm)
            //关闭弹窗
            this.productTraceabilityApprovalShowDialog = false
          })
        }
      }
    },


    //可疑品处置--追溯过程--编辑按钮--点击后打开追溯过程进行编辑
    traceabilityProcessEditShow(doe,scope) {
      this.suspectListShowForm=_.cloneDeep(scope.row)
      this.suspectListShowScope=scope
      this.traceabilityProcessDialogSelectNum = doe
      //对需要打开的弹窗中的数据赋值
      if (doe === 0) {
        this.traceabilityProcessDialogTitle = '供方在制品确认'
      }
      else if (doe === 3) {
        this.traceabilityProcessDialogTitle = '供方库存确认'
      }
      else if (doe === 6) {
        this.traceabilityProcessDialogTitle = '在途品确认'
      }
      else if (doe === 9) {
        this.traceabilityProcessDialogTitle = '我司库存确认'
      }
      else if (doe === 12) {
        this.traceabilityProcessDialogTitle = '我司在制品确认'
      }
      else if (doe === 15) {
        this.traceabilityProcessDialogTitle = '我司发动机成品库确认'
      }
      else if (doe === 18) {
        this.traceabilityProcessDialogTitle = '整车在制品确认'
      }
      else if (doe === 21) {
        this.traceabilityProcessDialogTitle = '整车成品库确认'
      }
      else if (doe === 24) {
        this.traceabilityProcessDialogTitle = '经销商未销售'
      }
      else if (doe === 27) {
        this.traceabilityProcessDialogTitle = '经销商已销售'
      }

      //打开编辑的表单
      this.traceabilityProcessShowDialog = true
    },
    //可疑品处置--追溯过程--追溯过程信息录入弹窗中的OK按钮--点击对追溯过程中内容进行执行
    traceabilityProcessDialogOK() {
      // 保存当前展开状态
      this.expandedKeys = [this.suspectListShowScope.row.id];
      //判定的数据写入特定的表单中
      this.editOneFiledByIdSuspectProductList(this.suspectListShowForm.id, 'from_process', JSON.stringify(this.suspectListShowForm.from_process)).then(data => {
        this.$message.success(data)
        this.suspectListShowData.splice(this.suspectListShowScope.$index,1,this.suspectListShowForm)
      })
      //关闭弹窗
      this.traceabilityProcessShowDialog = false
    },
    //追溯过程排查结果自动翻译
    resultTranslate(val){
     this.suspectListShowForm.from_process[this.traceabilityProcessDialogSelectNum].info=val
    },
    //不良处理零部件明细自动翻译
    partListTranslate(val){
      this.suspectListShowForm.unqualified[1].info=val
    },


    //可疑品处置--不良处理--返工返修信息编辑按钮--点击函数打开dialog页面
    reworkRecordEditShow(scope) {
      this.suspectListShowForm=_.cloneDeep(scope.row)
      this.suspectListShowScope=scope
      this.reworkRecordShowDialog = true
    },
    //可疑品处置--不良处理--检验结果--的编辑按钮，用于弹窗编辑检验结果。
    reworkInspectionEditShow(scope) {
      this.suspectListShowForm=_.cloneDeep(scope.row)
      this.suspectListShowScope=scope
      this.reworkInspectionShowDialog = true
    },
    //可疑品处置--不良处理--再次装机信息中的编辑按钮，用于弹窗和数据赋值。
    reworkReinstallEditShow(scope) {
      this.suspectListShowForm=_.cloneDeep(scope.row)
      this.suspectListShowScope=scope
      this.reinstallEngineShowDialog = true
    },
    //可疑品处置--不良处理---返工返修信息编辑弹窗中的OK按钮函数---对不良品处理的信息的录入功能
    reworkRecordShowDialogDialogOK() {
      // 保存当前展开状态
      this.expandedKeys = [this.suspectListShowScope.row.id];
      this.editOneFiledByIdSuspectProductList(this.suspectListShowForm.id, 'unqualified', JSON.stringify(this.suspectListShowForm.unqualified)).then(data => {
        this.$message.success(data)
        this.suspectListShowData.splice(this.suspectListShowScope.$index,1,this.suspectListShowForm)
        //关闭弹窗
        this.reworkRecordShowDialog = false
      })
    },
    //可疑品处置--不良处理--检验信息填写的弹窗中OK按钮--点击对检验信息进行录入
    reworkInspectionDialogOK() {
      // 保存当前展开状态
      this.expandedKeys = [this.suspectListShowScope.row.id];
      this.editOneFiledByIdSuspectProductList(this.suspectListShowForm.id, 'unqualified', JSON.stringify(this.suspectListShowForm.unqualified)).then(data => {
        this.$message.success(data)
        this.suspectListShowData.splice(this.suspectListShowScope.$index,1,this.suspectListShowForm)
        //关闭弹窗
        this.reworkInspectionShowDialog = false
      })
    },
    //可疑品处置--不良处理--再次装机信息---弹窗中的OK按钮--对再次装机信息进行写入
    reinstallEngineDialogOK() {
      // 保存当前展开状态
      this.expandedKeys = [this.suspectListShowScope.row.id];
      this.editTwoFiledsByIdSuspectProductList(this.suspectListShowForm.id, 'unqualified', JSON.stringify(this.suspectListShowForm.unqualified), 'is_deal_finish', 'yes').then(data => {
        this.$message.success(data)
        this.suspectListShowData.splice(this.suspectListShowScope.$index,1,this.suspectListShowForm)
        //关闭弹窗
        this.reinstallEngineShowDialog = false
      })
    },


    //可疑品处置--问题解决--原因分析--编辑按钮的函数
    solveEditShow(doe,scope) {
      this.suspectListShowForm=_.cloneDeep(scope.row)
      this.suspectListShowScope=scope
      //等于1-代表编辑原因分析选项
      if (doe === 1) {
        this.causeAnalysisShowDialog = true
      }
      //等于2-代表编辑整改对策选项
      else if (doe === 2) {
        this.countermeasureShowDialog = true
      }
      //等于3-代表编辑原因分析选项
      else if (doe === 3) {
        this.standardizationAndSimilarProblemsShowDialog = true
      }
    },
    //可疑品处置--问题解决--原因分析--点击确定函数---点击后触发OK逻辑
    causeAnalysisDialogOK() {
      // 保存当前展开状态
      this.expandedKeys = [this.suspectListShowScope.row.id];
      //判定的数据写入特定的表单中
      this.editOneFiledByIdSuspectProductList(this.suspectListShowForm.id, 'solve', JSON.stringify(this.suspectListShowForm.solve)).then(data => {
        this.$message.success(data)
        this.suspectListShowData.splice(this.suspectListShowScope.$index,1,this.suspectListShowForm)
        //关闭弹窗
        this.causeAnalysisShowDialog = false
      })
    },
    //可疑品处置--问题解决--整改对策--点击确定函数---点击后触发OK逻辑
    countermeasuresDialogOK() {
      // 保存当前展开状态
      this.expandedKeys = [this.suspectListShowScope.row.id];
      //判定的数据写入特定的表单中
      this.editOneFiledByIdSuspectProductList(this.suspectListShowForm.id, 'solve', JSON.stringify(this.suspectListShowForm.solve)).then(data => {
        this.$message.success(data)
        this.suspectListShowData.splice(this.suspectListShowScope.$index,1,this.suspectListShowForm)
        //关闭弹窗
        this.countermeasureShowDialog = false
      })
    },
    //可疑品处置--问题解决--标准化/横展--点击确定函数---点击后触发OK逻辑
    standardizationAndSimilarProblemsDialogOK() {
      // 保存当前展开状态
      this.expandedKeys = [this.suspectListShowScope.row.id];
      //判定的数据写入特定的表单中
      this.editOneFiledByIdSuspectProductList(this.suspectListShowForm.id, 'solve', JSON.stringify(this.suspectListShowForm.solve)).then(data => {
        this.$message.success(data)
        this.suspectListShowData.splice(this.suspectListShowScope.$index,1,this.suspectListShowForm)
        //关闭弹窗
        this.standardizationAndSimilarProblemsShowDialog = false
      })
    },

    /*---------------------------------------------------辅助函数区域--------------------------------------------------*/
    //辅助函数：  初始化 wangEditor
    initEditor() {
      this.editor = null

      this.editor = new E(this.$refs.editorContainer);
      this.editor.config.menus = [
        'head',
        'bold',
        'italic',
        'underline',
        'strikeThrough',
        'foreColor',
        'backColor',
        'list',
        'justify',
        'table',
        // 其他你需要的菜单...
      ]
      this.editor.create();
    },

    //辅助函数：对可疑品清单表中的特定字段进行修改，依据ID内容对此字段修改
    async editOneFiledByIdSuspectProductList(id, filedName, filedVal) {
      const result = await this.$request.post('/editOneFiledByIdSuspectProductGuoSuspectProductList', {
        id: id,
        filedName: filedName,
        filedVal: filedVal
      })
      if (result.code === 401) {
        this.$router.push('UserLogin')
        alert("您未登录，请登录")
      } else {
        return result.data
      }
    },
    async editTwoFiledsByIdSuspectProductList(id, filedName1, filedVal1, filedName2, filedVal2) {
      const result = await this.$request.post('/editTwoFiledsByIdSuspectProductGuoSuspectProductList', {
        id: id,
        filedName1: filedName1,
        filedVal1: filedVal1,
        filedName2: filedName2,
        filedVal2: filedVal2,
      })
      if (result.code === 401) {
        this.$router.push('UserLogin')
        alert("您未登录，请登录")
      } else {
        return result.data
      }
    },
    //辅助函数：对零部件信息进行调用,调用所有的信息,并且组合选择器
    inquiryProductListBaseComponentAll() {
      this.$request.post('/inquiryProductListBaseComponentAll').then(result => {
        if (result.code === 401) {
          this.$router.push('UserLogin')
          alert("您未登录，请登录")
        } else {
          this.productModelList = result.data
          //整理出来选择器
          this.productModelListOption = []
          for (let i = 0; i < this.productModelList.length; i++) {
            let temp = {
              label: this.productModelList[i].cpxh + '/' + this.productModelList[i].lbjmc_C + '/' + this.productModelList[i].lbjmc_E + '/' + this.productModelList[i].lbjmc_R + '/' + this.productModelList[i].sccj,
              value: this.productModelList[i].cpxh + '/' + this.productModelList[i].lbjmc_C + '/' + this.productModelList[i].lbjmc_E + '/' + this.productModelList[i].lbjmc_R + '/' + this.productModelList[i].sccj,
            }
            this.productModelListOption.push(temp)
          }
          // 最后，更新 productModelListOption 数组，消除重复项
          this.productModelListOption = [...new Set(this.productModelListOption.map(item => JSON.stringify(item)))]
              .map(itemString => JSON.parse(itemString));
        }
      })
    },

    //辅助函数：去读取全部可疑品信息内容
    queryAllSuspectProductList() {
      return new Promise((resolve, reject) => {
        this.$request.post('/queryAllSuspectProductListSuspectProductGuo').then(result => {
          if (result.code === 401) {
            this.router.push('UserLogin');
            alert("您未登录，请登录");
            reject("未登录"); // 返回错误信息
          } else {

            resolve(result.data); // 返回数据$
          }
        }).catch(error => {
          reject(error); // 捕获请求错误
        });
      });
    },

    //辅助函数：根据某一字段=某一值的时候，筛选内容，
    queryOneFieldSuspectProductList(fieldName, fieldVal) {
      return new Promise((resolve, reject) => {
        this.$request.post('/queryOneFieldSuspectProductListSuspectProductGuo', {
          fieldName: fieldName,
          fieldVal: fieldVal,
        }).then(result => {
          if (result.code === 401) {
            this.router.push('UserLogin');
            alert("您未登录，请登录");
            reject("未登录"); // 返回错误信息
          } else {
            resolve(result.data); // 返回数据$
          }
        }).catch(error => {
          reject(error); // 捕获请求错误
        });
      });
    },

    //辅助函数：可疑品清单中，对日期类型的数据，筛选≥某一个值，和＜某一个值，
    queryExceptionByTimeScopeSuspectProductList(filedName, minVal, maxVal) {
      return new Promise((resolve, reject) => {
        this.$request.post('/queryExceptionByTimeScopeSuspectProductListSuspectProductGuo', {
          //查询的变量名称
          fieldName: filedName,
          //时间的最小值
          minVal: minVal,
          //时间的最大值
          maxVal: maxVal
        }).then(result => {
          if (result.code === 401) {
            this.$router.push('UserLogin');
            alert("您未登录，请登录");
            reject("未登录"); // 返回错误信息
          } else {
            resolve(result.data); // 返回数据
          }
        }).catch(error => {
          reject(error); // 捕获请求错误
        });
      });
    },
    //辅助函数，获得当前的年月日
    getCurrentDate() {
      const now = new Date();
      const year = now.getFullYear();
      const month = String(now.getMonth() + 1).padStart(2, '0'); // 月份从0开始，所以要加1
      const day = String(now.getDate()).padStart(2, '0');

      return `${year}-${month}-${day}`;
    },
    //辅助函数，读取当前时间的函数并转化成yyyy-MM-dd HH：mm：ss 的格式
    formatDate(date) {
      const year = date.getFullYear();
      const month = String(date.getMonth() + 1).padStart(2, '0');  // 月份从0开始，所以要加1，并且确保是2位数
      const day = String(date.getDate()).padStart(2, '0'); // 确保是2位数
      const hours = String(date.getHours()).padStart(2, '0'); // 时
      const minutes = String(date.getMinutes()).padStart(2, '0'); // 分
      const seconds = String(date.getSeconds()).padStart(2, '0'); // 秒

      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
    },

    //辅助函数，处理查询出的可疑品清单数据
    dealQuerySuspectProductList(){
      this.suspectListShowData.forEach((item, i) => {
        // 处理 judgement 字段
        if (item.judgement === '' || item.judgement === undefined || item.judgement === null) {
          this.$set(this.suspectListShowData[i], 'judgement', [
            {id:1, nameC:'判定结果', nameE:'Judgment Result', nameR:'Judgment Result', info: ''},
            {id:2, nameC:'判定人', nameE:'Judgment Person', nameR:'Judgment Person', info: ''},
            {id:3, nameC:'判定时间', nameE:'Judgment Time', nameR:'Judgment Time', info: ''},
            {id:4, nameC:'批准结果', nameE:'Approval Result', nameR:'Approval Result', info: ''},
            {id:5, nameC:'批准人', nameE:'Approval Person', nameR:'Approval Person', info: ''},
            {id:6, nameC:'批准时间', nameE:'Approval Time', nameR:'Approval Time', info: ''}
          ]);
        }
        else {
          this.$set(this.suspectListShowData[i], 'judgement', JSON.parse(item.judgement));
        }
        // 处理 from_judgment 字段
        if (item.from_judgment === '' || item.from_judgment === undefined || item.from_judgment === null) {
          this.$set(this.suspectListShowData[i], 'from_judgment', [
            {id:1, nameC:'追溯判定结果', nameE:'Judgment Result', nameR:'Judgment Result', info: ''},
            {id:2, nameC:'追溯判定方案', nameE:'Traceability Plan', nameR:'Traceability Plan', info: {zh:'',en:'',ru:''}},
            {id:3, nameC:'追溯判定人', nameE:'Judgment Person', nameR:'Judgment Person', info: ''},
            {id:4, nameC:'追溯判定时间', nameE:'Judgment Time', nameR:'Judgment Time', info: ''},
            {id:5, nameC:'批准结果', nameE:'Approval Result', nameR:'Approval Result', info: ''},
            {id:6, nameC:'批准人', nameE:'Approval Person', nameR:'Approval Person', info: ''},
            {id:7, nameC:'批准时间', nameE:'Approval Time', nameR:'Approval Time', info: ''}
          ]);
        }
        else {
          this.$set(this.suspectListShowData[i], 'from_judgment', JSON.parse(item.from_judgment));
        }
        // 处理 from_process 字段
        if (item.from_process === '' || item.from_process === undefined || item.from_process === null) {
          this.$set(this.suspectListShowData[i], 'from_process', [
            {id:1, nameC:'供方在制品排查结果', nameE:'supplierProductionResult', nameR:'supplierProductionResult', info: {zh:'',en:'',ru:''}},
            {id:2, nameC:'供方在制品数量', nameE:'supplierProductionNum', nameR:'supplierProductionNum', info: ''},
            {id:3, nameC:'供方在制品排查人', nameE:'supplierProductionChecker', nameR:'supplierProductionChecker', info: ''},
            {id:4, nameC:'供方库存排查结果', nameE:'supplierWarehouseResult', nameR:'supplierWarehouseResult', info: {zh:'',en:'',ru:''}},
            {id:5, nameC:'供方库存排查数量', nameE:'supplierWarehouseNum', nameR:'supplierWarehouseNum', info: ''},
            {id:6, nameC:'供方库存排查人', nameE:'supplierWarehouseChecker', nameR:'supplierWarehouseChecker', info: ''},
            {id:7, nameC:'在途品排查结果', nameE:'transitResult', nameR:'transitResult', info: {zh:'',en:'',ru:''}},
            {id:8, nameC:'在途品排查数量', nameE:'transitNum', nameR:'transitNum', info: ''},
            {id:9, nameC:'在途品排查人', nameE:'transitChecker', nameR:'transitChecker', info: ''},
            {id:10, nameC:'我司库存排查结果', nameE:'warehouseResult', nameR:'warehouseResult', info: {zh:'',en:'',ru:''}},
            {id:11, nameC:'我司库存排查数量', nameE:'warehouseNum', nameR:'warehouseNum', info: ''},
            {id:12, nameC:'我司库存排查人', nameE:'warehouseChecker', nameR:'warehouseChecker', info: ''},
            {id:13, nameC:'我司在制品排查结果', nameE:'engineProductionResult', nameR:'engineProductionResult', info: {zh:'',en:'',ru:''}},
            {id:14, nameC:'我司在制品排查数量', nameE:'engineProductionNum', nameR:'engineProductionNum', info: ''},
            {id:15, nameC:'我司在制品排查人', nameE:'engineProductionChecker', nameR:'engineProductionChecker', info: ''},
            {id:16, nameC:'我司发动机成品库排查结果', nameE:'engineWarehouseResult', nameR:'engineWarehouseResult', info: {zh:'',en:'',ru:''}},
            {id:17, nameC:'我司发动机成品库排查数量', nameE:'engineWarehouseNum', nameR:'engineWarehouseNum', info: ''},
            {id:18, nameC:'我司发动机成品库排查人', nameE:'engineWarehouseChecker', nameR:'engineWarehouseChecker', info: ''},
            {id:19, nameC:'整车在制品排查结果', nameE:'vehicleProductionResult', nameR:'vehicleProductionResult', info: {zh:'',en:'',ru:''}},
            {id:20, nameC:'整车在制品排查数量', nameE:'vehicleProductionNum', nameR:'vehicleProductionNum', info: ''},
            {id:21, nameC:'整车在制品排查人', nameE:'vehicleProductionChecker', nameR:'vehicleProductionChecker', info: ''},
            {id:22, nameC:'整车成品库排查结果', nameE:'vehicleWarehouseResult', nameR:'vehicleWarehouseResult', info: {zh:'',en:'',ru:''}},
            {id:23, nameC:'整车成品库排查数量', nameE:'vehicleWarehouseNum', nameR:'vehicleWarehouseNum', info: ''},
            {id:24, nameC:'整车成品库排查人', nameE:'vehicleWarehouseChecker', nameR:'vehicleWarehouseChecker', info: ''},
            {id:25, nameC:'经销商未销售排查结果', nameE:'dealerUnsoldResult', nameR:'dealerUnsoldResult', info: {zh:'',en:'',ru:''}},
            {id:26, nameC:'经销商未销售排查数量', nameE:'dealerUnsoldNum', nameR:'dealerUnsoldNum', info: ''},
            {id:27, nameC:'经销商未销售排查人', nameE:'dealerUnsoldChecker', nameR:'dealerUnsoldChecker', info: ''},
            {id:28, nameC:'经销商已销售排查结果', nameE:'dealerSoldResult', nameR:'dealerSoldResult', info: {zh:'',en:'',ru:''}},
            {id:29, nameC:'经销商已销售排查数量', nameE:'dealerSoldNum', nameR:'dealerSoldNum', info: ''},
            {id:30, nameC:'经销商已销售排查人', nameE:'dealerSoldChecker', nameR:'dealerSoldChecker', info: ''}
          ]);}
        else {
          this.$set(this.suspectListShowData[i], 'from_process', JSON.parse(item.from_process));
        }
        // 处理 unqualified 字段
        if (item.unqualified === '' || item.unqualified === undefined || item.unqualified === null) {
          this.$set(this.suspectListShowData[i], 'unqualified', [
            {id:1, nameC:'返工返修要领书编号', nameE:'reworkInstructionsNumber', nameR:'reworkInstructionsNumber', info: ''},
            {id:2, nameC:'零部件更换明细', nameE:'reworkPartsReplaceDetails', nameR:'reworkPartsReplaceDetails', info: {zh:'', en:'', ru:''}},
            {id:3, nameC:'维修数量', nameE:'reworkNumber', nameR:'reworkNumber', info: ''},
            {id:4, nameC:'维修工时', nameE:'reworkUsedTime', nameR:'reworkUsedTime', info: ''},
            {id:5, nameC:'维修人', nameE:'reworkPerson', nameR:'reworkPerson', info: ''},
            {id:6, nameC:'维修日期', nameE:'reworkDate', nameR:'reworkDate', info: ''},
            {id:7, nameC:'检验数据', nameE:'inspectionData', nameR:'inspectionData', info: ''},
            {id:8, nameC:'合格数量', nameE:'qualifiedNumber', nameR:'qualifiedNumber', info: ''},
            {id:9, nameC:'不合格数量', nameE:'unqualifiedNumber', nameR:'unqualifiedNumber', info: ''},
            {id:10, nameC:'检验确认人', nameE:'inspectionConfirmer', nameR:'inspectionConfirmer', info: ''},
            {id:11, nameC:'检验确认日期', nameE:'inspectionDate', nameR:'inspectionDate', info: ''},
            {id:12, nameC:'再次装机的发动机号', nameE:'reinstallEngineNumber', nameR:'reinstallEngineNumber', info: ''},
            {id:13, nameC:'再次装机的日期', nameE:'reinstallDate', nameR:'reinstallDate', info: ''},
            {id:14, nameC:'再次装机的确认人', nameE:'reinstallConfirmer', nameR:'reinstallConfirmer', info: ''},
            {id:15, nameC:'再次装机的批准人', nameE:'reinstallApprover', nameR:'reinstallApprover', info: ''}
          ]);
        }
        else {
          this.$set(this.suspectListShowData[i], 'unqualified', JSON.parse(item.unqualified));
        }
        // 处理 solve 字段
        if (item.solve === '' || item.solve === undefined || item.solve === null) {
          this.$set(this.suspectListShowData[i], 'solve', [
            {id:1, nameC:'原因分析', nameE:'causeAnalysis', nameR:'causeAnalysis', info: {zh:'', en:'', ru:''}},
            {id:2, nameC:'分析人', nameE:'analyst', nameR:'analyst', info: ''},
            {id:3, nameC:'分析时间', nameE:'analysisTime', nameR:'analysisTime', info: ''},
            {id:4, nameC:'整改对策', nameE:'countermeasures', nameR:'countermeasures', info: {zh:'', en:'', ru:''}},
            {id:5, nameC:'对策人', nameE:'countermeasurePerson', nameR:'countermeasurePerson', info: ''},
            {id:6, nameC:'对策完成时间', nameE:'countermeasuresTime', nameR:'countermeasuresTime', info: ''},
            {id:7, nameC:'切换起始号', nameE:'switchingNumber', nameR:'switchingNumber', info: ''},
            {id:8, nameC:'切换时间', nameE:'switchingTime', nameR:'switchingTime', info: ''},
            {id:9, nameC:'标准化/横展', nameE:'standardizationAndSimilarProblems', nameR:'standardizationAndSimilarProblems', info: {zh:'', en:'', ru:''}},
            {id:10, nameC:'负责人', nameE:'chargePerson', nameR:'chargePerson', info: ''},
            {id:11, nameC:'完成时间', nameE:'completionTime', nameR:'completionTime', info: ''}
          ]);
        }
        else {
          this.$set(this.suspectListShowData[i], 'solve', JSON.parse(item.solve));
        }
      });
    }

  },
  mounted() {
    this.inquiry()
    this.inquiryProductListBaseComponentAll()
    // 初始化时默认选择第一个车间（装配车间）
    const link = '装配/Assembly Workshop/Сборочная линия';
    // 设置默认按钮样式
    this.buttonStyle = [
      {backgroundColor: 'blue', color: 'white'},
      {backgroundColor: '', color: ''},
      {backgroundColor: '', color: ''}
    ];
    // 查询可疑品清单（分页）
    this.querySuspectProductListWithPagination(1,20,link,null,null,null,null).then(data => {
      this.suspectListShowData = data.data;
      this.suspectProductListPagination.total=data.total
      //组合处理时长的函数，现在没有增加判定条件，先算术
      for (let i = 0; i < this.suspectListShowData.length; i++) {
        this.suspectListShowData[i].processingTime =this.calculateDateDifference(this.suspectListShowData[i].occur_date)
        if (this.suspectListShowData[i].processingTime<=5){
          this.suspectListShowData[i].processingType='success'
        }
        else if (this.suspectListShowData[i].processingTime<=7){
          this.suspectListShowData[i].processingType='warning'
        }
        else if (this.suspectListShowData[i].processingTime>7){
          this.suspectListShowData[i].processingType='danger'
        }
      }
      this.dealQuerySuspectProductList()
    });
    //初始化可疑品清单的默认选择值
    this.suspectListStateValue = '全部/All list/все'
    this.suspectDisposalShowForm = null
  },
}
</script>

<style scoped>
/* 主体左侧的工作步骤栏用到的数据包围的div的样式*/

.el-footer {
  background-color: #ffffff;
  color: #333;
  text-align: center;
  border-width: 3px; /* 设置边框宽度为3像素 */
  border-color: blue; /* 设置边框颜色为蓝色 */
  border-style: solid; /* 设置边框样式为实线 */
  padding: 10px; /* 添加内边距 */
  border-left-color: white;
  border-top: white;
}

.el-aside {
  background-color: #ffffff;
  color: #333;
  text-align: center;
  border-width: 3px; /* 设置边框宽度为3像素 */
  border-color: blue; /* 设置边框颜色为蓝色 */
  border-style: solid; /* 设置边框样式为实线 */
  padding: 10px; /* 添加内边距 */
  height: 89vh;
}

.el-main {
  color: #333;
  text-align: center;
  border-width: 3px; /* 设置边框宽度为3像素 */
  border-color: blue; /* 设置边框颜色为蓝色 */
  border-left-color: white;
  border-style: solid; /* 设置边框样式为实线 */
  padding: 10px; /* 添加内边距 */
  overflow: auto;
}

body > .el-container {
  margin-bottom: 40px;
}

.el-container:nth-child(5) .el-aside,
.el-container:nth-child(6) .el-aside {
  line-height: 260px;
}

.el-container:nth-child(7) .el-aside {
  line-height: 320px;
}

.headMain {
  color: #ffffff; /* 设置字体颜色为红色 */
  font-size: 18px;
}

.center-text {
  /* 使用 margin-left 和 margin-right auto 来实现居中效果 */
  margin-left: auto;
  margin-right: auto;
  /* 注意：如果 header 内只有这两个元素，你可能不需要 margin-right: auto */
}

.el-container {
  overflow: auto; /* 自动显示滚动条当内容溢出时 */
  /* 或者 */
  overflow-x: auto; /* 仅水平滚动 */
  overflow-y: auto; /* 仅垂直滚动 */
}

/*自定义样式*/

</style>